/* This file gets included for each site. Put common css attributes here. 
You can override attributes defined here in the site specific common.css. */ 
/********************* GENERAL ************************/
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

body, pre, textarea, input, select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

/*This Class to be put after the body tag in the main template to set the whole size of the site*/
.siteSizeContainer {
	width: 960px;
	margin: 0 auto;
	margin-top: 2em;
}

body#portalBody {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

a {
	color: #013580;
}

a:link,a:visited {
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: underline;
}

.noBold{
	font-weight:normal
}

h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	color: #000;
}

h2 {
	font-weight: bold;
	margin: 0px;
	font-size: 12px;
}

h3 {
	font-weight: bold;
	margin: 0px;
	font-size: 11px;
	text-transform: uppercase;
}

.hide{
	display: none;
}

.offline {
	font-style: italic;
}

form {
	margin: 0px;
	padding: 0px;
}

ul {
	margin-top: 0em;
}
ul form{
	margin:0px;	
}
a.logoPoweredBy {
	color: #fff !important;
	text-decoration: none !important;
	/*width:162px; take out for demo need for ebookstore?*/
	line-height: 26px;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	border: 1px solid #fff;
	vertical-align: middle;
	padding: 2px 6px 2px 6px;
}

.halfBox {
	width: 48%;
	float: left;
}
.rightHalfBox{
	width: 48%;
	float:right;
	
	text-align:right !important;
}

.thirdsBox {
	width: 33%;
	float: left;
}

.twoThirdsBox{
	width:65%;
	float: left;
}

.threeFourthsBox {
	width: 72%;
	float: left;
}

.fourthsBox {
	width: 25%;
	float: left;
}
.floatRight{
	float:right;	
}
.fullWidth {
	width: 100%;
	clear: both;
}

.actionBox{
	text-align: center;
	margin-bottom: 1em;
	margin-top: 1em;
}

.actionBox form {
	display: inline;
}

.backDrop {
	padding: 8px 8px 8px 8px;
	background-color: #ebebeb;
	border: 0px;

}

.clearFix {
	clear: both;
	height: 0px;
	line-height:0px;
}

.clearIt:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearIt {height: 1%;}
/* End hide from IE-mac */


.linkButton {
	font-size: 10px;
	font-weight: normal;
}

.buttonBox {
	float: right !important;
	margin-bottom:1em;
}
.editButtonBox{
	float: right !important;
}
.listingFilterListBox .buttonBox{
		margin-bottom:0px;
}
.smallText {
	font-size: 9px;
}
.imgBorder{
	border:1px solid #333;	
}
img {
	border: 0px;	
}
.titleBox {
	background-color: #bbb;
	padding: .25em;
	font-weight: bold;
}

.contentBox {
	padding: .5em;
	background-color: #ebebeb;
	margin-bottom: 1em;
}

.tableHeader {
	background-color: #666;
	padding: 4px;
	color: #fff;
}

.tableHeaderBox{	
	font-weight:bold;
	padding-bottom:2px;
	border-bottom:1px solid black;
	margin-bottom:5px;
}

.sectionHeader{
	border-bottom:1px solid #000000;
	padding-bottom:2px;
	clear:both;
}

.rowError{
	background-color:#f6c9c9 !important;	
}


.tableHeader th {
	padding: 4px;
}

th {
	visibility: hidden;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
}

th.show {
	visibility: visible;
}

.tableHeader a {
	color: #fff !important;
}


.tableLine {
	border-top: 1px solid black;
	line-height: .75em;
	padding: 0px !important;
}

.listItem {
	vertical-align: top;
	font-size: 11px;
	border-bottom: 2px solid #fff;
	background-color: #ebebeb;
	padding: 3px;
	padding-bottom: 2px;
}

/* listItemContrast etc is old keep till depricated in jsp's */
td.listItemContrast, .contrastlistItem, .contentBox .listItem, #listingStyles .previousBillingsContainer td.listItem,#listingStyles .quickInfoContainer td.listItem {
	vertical-align: top;
	font-size: 11px;
	border-bottom: 2px solid #ebebeb;
	background-color: #ddd;
	padding: 3px;
	padding-bottom: 2px;
}

.subTotalNum {
	border-top: 1px solid black;
}

.totalNum {
	border-top: 1px solid black;
	border-bottom: 2px double black;
	font-weight: bold;
}

.listTitleContainer {

}

/*******************************************/ 
/********** TAB DIV'S***********************/

.tabOff {
	position: relative;
	padding: 4px;
	padding-bottom:3px;
	background-color: #dddddd;
	border: 1px solid #dddddd;
	border-bottom:1px solid #fff;
	float: left;
	color: #000;
	font-weight: normal;
	margin-left: 1px;
	margin-right: 1px;
	z-index: 2;
}

.tabOn {
	position: relative;
	border: 1px solid #07397f;
	background-color: #07397f;
	padding: 4px;
	padding-bottom:3px;
	float: left;
	font-weight: bold;
	z-index: 2;
}

.eventStyles .tabOn{
	color:#fff;
	font-weight: normal;
}
.tabOn a,.tabOff a {
	color: #000;
}
.tabOn a {
	color: #fff;
}

/*
.tabFiller{
	float:left;
	width:1px;
	padding:4px;
}*/
.tabsFix { /* this is needed in order for ie not to have that huge gap between the tabs and the tabbed content */
	height: 1px;
}

.tabbedContent {
	clear: both;
	margin-top: 0px;
	padding-top: 40px;
	border: 1px solid #929292;
	padding: 20px;
	position: relative;
	z-index: 1;
	border-top:3px solid #07397f;
}

.tabbedContent iframe,.tabbedContent .fullTable {
	width: 100%;
}

/*********** PORTAL ADMIN ***************/
#adminStyles .adminContainer {
	width: 100%;
}

#adminStyles .adminMenuContainer {
	float: left;
	width: 300px;
	text-align:left;
}

#adminStyles .adminContentBox {
	float: left;
	width: 600px;
}

#adminStyles .adminMenuContainer ul {
	margin-left:0px;
	padding-left:15px;
}

#adminStyles .adminMenu ul {
	margin-left:0px;
	padding-left:15px;
}

/**************************************************/ 
/*************** ADMIN SIDE STYLES ****************/

#adminStyles .adminMenu ul {
	margin-left:0px;
	padding-left:15px;
}

#adminStyles .adminMenuContainer {
	float: left;
	width: 25%;
}

#adminStyles .adminContentBox {
	width: 70%;
	vertical-align: top;
}

/* this is now needed so that the container can recognize the contents */
#adminStyles .adminContainer {
	width: 100%;
}

#adminStyles .adminMenuContainer ul {
	margin-left:0px;
	padding-left:15px;
	font-size: 10px;
}

#adminStyles .adminMenuContainer ul li {
	margin-top: 0.2em;
}

#adminStyles .adminMenuContainer ul li a:link {
	text-decoration: none;
}

#adminStyles .adminMenuContainer ul li a:active {
	text-decoration: underline;
}

#adminStyles .adminMenuContainer ul li a:visited {
	text-decoration: none;
}

#adminStyles .adminMenuContainer ul li a:hover {
	text-decoration: underline;
}

#adminStyles .adminMenuContainer ul .offline {
	font-style: italic;
}

#adminStyles .adminMenuContainer ul ul {
	margin-top: 0.2em;
}

#adminStyles .adminMenuContainer ul ul li a:link {
	text-decoration: none;
}

#adminStyles .adminMenuContainer ul ul li a:active {
	text-decoration: underline;
}

#adminStyles .adminMenuContainer ul ul li a:visited {
	text-decoration: none;
}

#adminStyles .adminMenuContainer ul ul li a:hover {
	text-decoration: underline;
}

#adminStyles .adminMenuContainer ul ul ul li a:link {
	text-decoration: none;
}

#adminStyles .adminMenuContainer ul ul ul li a:active {
	text-decoration: underline;
}

#adminStyles .adminMenuContainer ul ul ul li a:visited {
	text-decoration: none;
}

#adminStyles .adminMenuContainer ul ul ul li a:hover {
	text-decoration: underline;
}

/*highlights the li*/
#adminStyles .adminMenuContainer div.highlight {
	font-weight: bold;
}

#adminStyles .adminMenuContainer a.highlight:active {
	font-weight: bold;
}

#adminStyles .adminMenuContainer a.highlight:link {
	font-weight: bold;
}

#adminStyles .adminMenuContainer a.highlight:visited {
	font-weight: bold;
}

#adminStyles .adminMenuContainer li li div.highlight {
	font-weight: bold;
}

#adminStyles .adminMenuContainer li li a.highlight:active {
	font-weight: bold;
}

#adminStyles .adminMenuContainer li li a.highlight:link {
	font-weight: bold;
}

#adminStyles .adminMenuContainer li li a.highlight:visited {
	font-weight: bold;
}

#adminStyles .adminMenuContainer ul li a.addItemHighlight {
	font-weight: bold;
	color: #ffa800;
	padding: 0em;
}

/****************** WAIT MESSAGE *********************/
.waitMessageContainer {
	vertical-align: middle;
}

.waitImageBox {
	float: left;
	width: 70px;
}

.waitTextBox {
	float: left;
	width: 300px;
}

/****** MAKES SMALL EDIT BUTTON FLOAT ON IMAGE  *******************************/
.imagePageContainer {
	position: relative;
}

.imagesEditButton {
	position: absolute;
}

/****** COMMON HOME PAGE CLASSES - FCK EDITOR ********/ 
/****** & ICON BUTTONS *******************************/ 
/***** make content box borders same color as homecontentbox and icontbuttonbox*****/


	/* controls HEADER (ie. headerTitle and viewButtons area */
.headerContainer {
	margin-bottom: 1em;
	/*try to use height auto to solve issue of height 1em may need to swtich back height 1em solves floating div issue for firefox*/
	height:auto;
}

.headerContainer td {	
	padding: 0px;	
}

/* controls TITLE */
.headerContainer .headerTitle h1 {
	font-size: 1.8em;
	font-weight: normal;
	float: left;
}

/* controls  (ie. print, etc.) */
.viewButtons {
	text-align: right;
}

.contentBoxBorderTitleBox {
	text-align: left;
	font-size: 12px;
	height: 100%;
	padding-bottom: 3px;
	padding-top: 3px;
	font-weight: bold;
}

.contentBoxBorder {
	border-left: 10px solid #353b66;
	border-right: 10px solid #353b66;
	border-bottom: 10px solid #353b66;
	margin-bottom: 1em;
}

.contentBoxBorder .contentBox {
	margin-bottom: 0px !important;
}

.homeTitleBox {
	background-color: #232a54;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	padding: 3px;
	padding-left: 7px;
}

.homeContentBox,.iconButtonBox,.contentBoxBorderTitleBox {
	background-color: #353b66;
	color: #fff;
}

.iconButtonBox {
	margin-bottom: 3px;
	margin-right: 6px;
	padding: 3px;
	/* height:100%; remove with merge but need?*/
	float: left;
}

.iconButtonBoxHighlight {
	background-color: #4b424f;
}

.homeContentBox .iconButton div {
	margin-bottom: 2px;
}

.homeContentBox {
	height: 100%;
	padding: 10px;
	padding-bottom: 7px;
}

.homeContentBox a:link,.homeContentBox a:visited {
	color: #fff !important;
}

.homeContentBox a:active,.homeContentBox a:hover {
	
}

.iconButton div,.quickLinksButtons {
	font-weight: bold;
	border-left: 1px solid #757ba7;
	border-top: 1px solid #757ba7;
	border-right: 1px solid #282e59;
	border-bottom: 1px solid #282e59;
	background-color: #4f5582;
	padding: 3px;
	width: 160px;
	cursor: pointer;
}

.iconButtonHighlight div {
	border-left: 1px solid #8b8294;
	border-top: 1px solid #8b8294;
	border-right: 1px solid #3c3442;
	border-bottom: 1px solid #3c3442;
	background-color: #665c6c;
}

.quickLinksButtons img,.iconButton img {
	vertical-align: middle;
	margin-right: 3px;
}

a.iconButton:hover,a.iconButton:active {
	text-decoration: none !important;
	color: #fff !important;
}

a.iconButton:link,a.iconButton:visited {
	color: #fff !important;
}

button.buttons,input.buttons {
	font-size: 10px;
}

/************* QUICKLINK BUTTONS ****************/ /*.quickLinksButtons = .iconButton div*/
#listingStyles .quickLinksButtons {
	width: 219px !important;
	height: 45px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0px;
}

.noFeaturedQuickLinks .quickLinksButtons {
	width: 215px;
	height: 40px;
}

/*NEWBUTTON .quickLinksButtonIcon{*/
.quickLinksButtons img {
	float: left;
	margin-left: 20px;
}

.quickLinksButtonText {
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
	font-size: 11px;
	font-family: verdana;
	float: left;
	margin-top: 5px;
}


/******************* ROWS & COLS ************************/
/* can't put height on these cuz then limits */
.col1 {
	float: left;
	width: 255px;
	margin-bottom: 2px;
}

.col2,.col2b,.col3,col4 {
	float: left;
	margin-bottom: 2px;
}

.col2 input{
	width: 250px;
}
input.defaultSize{
	width: 250px !important;
}

.col3 {
	margin-left: 5px;
}

div.row {
	clear: both;
	width: 100%;
}

textarea {
	width: 250px;
	height: 60px;
}

/******************* MESSAGES **************************/
.formError {
	color: #990000;
	font-weight: bold;
}

.formErrorBox {
	border: 1px solid #990000;
	padding: 8px;
	color: #990000;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin-bottom: 1em;
	clear: both;
}

.successExclamation,.errorExclamation {
	font-size: 18px;
	font-weight: bolder;
}

.successMsg {
	font-weight: bold;
	background-color: #007b2b;
	color: #fff;
	margin-bottom: 1em;
	text-align: center;
	padding: 5px;
}

.infoMsg {
	font-weight: bold;
	background-color: #e9e9e9;
	color: #000;
	margin-bottom: 1em;
	text-align: center;
	padding: 5px;
}

.successMsgBox {
	border: 1px solid #007b2b;
	padding: 8px;
	color: #007b2b;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin-bottom: 1em;
}

.warningMsg {
	background-color: #990000;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: center;
}

/****************** BUTTONS **************************/
.buttons {
	border-top: 1px solid #c4cccc;
	border-bottom: 1px solid #6f7777;
	border-left: 1px solid #acb5b5;
	border-right: 1px solid #acb5b5;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #07397f;
	background-image: url(../../site/images/buttons/butBackground.gif);
	text-transform: uppercase;
	font-size: 10px;
	margin: 2px;
	padding: 0px .25em;
	width: auto;
	overflow: visible;
}

.buttonsHighlight {
	color: #2f83f7;
}

.buttonsBox form {
	float: right;
}

.buttonsBox {
	text-align: right;
}

/****************** TABLES ***************************/
.lastColumn {
	text-align: right;
}

.lastColumn .buttons {
	margin: 0px;
}

.lastColumn form {
	display: inline;
}

/*****************  BREADCRUMB ***************************/
A.breadCrumbFont:link {
	color: #000;
	text-decoration: none;
}

A.breadCrumbFont:active {
	color: #000;
	text-decoration: underline;
}

A.breadCrumbFont:visited {
	color: #000;
	text-decoration: none;
}

A.breadCrumbFont:hover {
	color: #000;
	text-decoration: underline;
}

.breadcrumbContainer {
	margin-bottom: 2px;
	margin-left: 0px;
	float: left;
	padding-left: 0px;
}

.breadcrumb {
	padding-bottom: 1px;
	margin-left: 0px;
	padding-left: 0px;
}

.breadcrumbList {
	margin-left: 8px;
}

.breadcrumbArrow {
	margin-top:6px;
	float:left;
}

.breadcrumbLinks {
	float:left;
	margin-left:4px;
}

.breadcrumb ul {
	margin-left: 0px;
	padding-left: 0px;
	border: none;
	vertical-align: middle;
	float: left;
}

.breadcrumb ul li {
	background-repeat: no-repeat;
	font-size: 10px;
	text-decoration: none;
	border: none;
	list-style: none;
	margin: 0px;
	float: left;
	padding-left: 0px;
	padding-right: 4px;
}

/**not sure if this is still works*/
.breadcrumb ul li.first {
	
}

.breadcrumb ul li a {
	border-left: 1px solid #d0cfcc;
	color: #2d0668;
	border: none;
	display: inline;
}

.breadcrumb ul li.offline a {
	margin-left: 10px;
	color: #000;
	font-style: italic;
	padding-top: 0px;
	margin-top: 0px;
	border: none;
	display: inline;
}

.breadcrumb ul li.first a {
	background-image: none;
	text-decoration: none;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	border: none;
	display: inline;
}

/***************NEW SURVEY-FORM MODULE***************/
input.sf_input{
	width:250px;	
}	
.sf_descriptionBox{
	border-bottom:1px solid #000;
	margin-bottom:10px;
	padding-bottom:5px;
}

.sf_pageTitle{
	margin-bottom:10px;
}
.sf_questionsIndent{
	padding-left:13px;	
}

#sf_Styles .listItem{
	padding:5px;	
}
#sf_Styles .col1{
	width:150px;
}


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

/****************  SURVEY MODULE ********************/

.formFields{
	margin-bottom:1em;
}

.surveyEditStyles {
	margin-top: 20px;
	margin-bottom: 20px;
}

.surveyEditStyles .fieldName {
	width: 120px;
}

.surveyEditStyles table {
	margin: 0px;
	border-collapse: collapse;
}

.surveyEditStyles td {
	vertical-align: top;
	height: 2px;
	padding: 2px 5px 2px 5px;
	border-bottom: 2px solid white;
}

.surveyEditStyles tr {
	background-color: #ebebeb;
}

#addBtns_participantQuestionsSurveyWrapper {
	clear: both;
}

.surveyEditStyles .lastColumn {
	width: 95px;
}

.surveyEditStyles .addQuestionBox {
	margin-top: 8px;
}

.surveyEditStyles textarea {
	height: 60px;
	width: 100%;
}

.surveyStyles .currentStep {
	color: #174465;
	font-weight: bold
}

.surveyStyles .notCurrentStep {
	color: #666;
	font-weight: bold
}

.surveyStyles .viewStatsBox {
	float: right;
}

.surveyStyles .stepsNavigationBox {
	width: 445px;
	margin-bottom:2em;
}

.stepBox {
	vertical-align: top;
	font-size:11px !important;
}

.surveyStyles .stepsNavigationBox td {
	padding-right: 5px;
}

.surveyStyles .surveyTermsBox,.surveyStyles .surveyQuestionBox,surveyStyles .surveyCompleteBox {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #ebebeb;
	padding: 10px;
}

.surveyStyles .textField {
	width: 250px;
}

.surveyStyles .questionAnswerContainer {
	margin: 8px 0px;
	width: 100%;
	vertical-align: top;
	clear: both;
	background-color: #ebebeb;
}

.participantContainer .questionAnswerContainer {
	background-color: #ffffff;
	margin: 0px;
}

.surveyStyles .overviewContainer,.surveyStyles .participantInfoBox {
	padding: 7px 10px 7px 10px;
	background-color: #ebebeb;
}

.surveyStyles .overviewContainer {
	margin-bottom: 20px;
	text-align: center;
}

.surveyStyles .questionBox {
	float: left;
	width: 250px;
	padding: 5px 10px 5px 10px;
}

.surveyStyles .answerBox {
	float: left;
	padding: 5px 10px 5px 10px;
}

.surveyStyles textarea {
	width: 250px;
	height: 60px;
}

.surveyStyles .horizChoiceBox {
	width: 33%;
	vertical-align: top;
}

.surveyStyles .descriptionTextBox {
	display: block;
	padding-top: 3em;
	padding-bottom: 5px;
}

.surveyStyles .questionAnswerContainer .descriptionTextBox {
	background-color: #fff;
}

.surveyStyles .attachedFile {
	padding-right: 5px;
}

.surveyStyles .questionNumberBox {
	font-size: 1.2em;
	font-weight: bold;
}

.surveyStyles .contentButtonsContainer {
	margin-bottom: 8px;
	text-align: left;
}

.surveyStyles .surveyContentBox {
	display: inline;
	height: 1px;
}

.surveyStyles input.responseView {
	width: 5em;
}

.surveyStyles .resultsBox {
	margin-bottom: 20px;
	border: 1px solid black;
}

.surveyStyles .participantContainer {
	margin-bottom: 20px;
}

.freeTextAnswersPage .questionAnswerContainer {
	margin: 0px;
}

.freeTextAnswersPage .questionNumberBox {
	display: inline;
	margin-right: 1em;
}

.freeTextAnswersPage .questionBox {
	display: inline;
}

.renderFreeTextBox {
	width:600px;
}

.renderFreeTextBox ul {
	margin-left: 0px !important;
	padding-left: 0px !important;
}

.renderFreeTextBox li {
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
}

.oneResponsePage .participantInfoContainer .questionBox {
	font-weight: bold;
}

.oneResponsePage .participantInfoContainer li {
	margin-left: -1.5em;
}

.oneResponsePage .oneResponseContainer li {
	margin-left: -1.5em;
}

.surveyResultsContainer .resultsTable {
	margin: 8px 0px 8px 0px;
	border: 1px solid #bbb;
}

.surveyResultsContainer ul {
	margin-bottom: 0px;
}

.resultsTable {
	background-color: #fff;
}

.resultsTable .graphBar {
	background-color: #cc0000;
}

.resultsTable .colHeader {
	border-bottom: 1px solid black;
}

.resultsTable .totalsRow {
	border-top: 1px solid black;
	font-weight: bold;
}

.resultsTable .numberColumn {
	text-align: right;
}

.resultsTable .matrixIntersection {
	background-color: #bbb;
	text-align: center;
}

/*temporarlily comment out for career demo...put back in?
.surveyStyles .multiOrMatrixbox .questionBox{
	clear: both;
	width:97%; 
}

.surveyStyles .multiOrMatrixbox .answerBox,.surveyStyles .multiOrMatrixbox .resultsTable{
	clear: both;
}
*/ /***************** COCURRICULAR **********************/
.ccTable {
	width: 20%;
}

.ccAdminSideMenu {
	padding-right: 0px;
	float: left;
	width: 25%;
}

.ccAdminContentContainer {
	width: 75%;
	margin-top: 2em;
	background-color: #ffffff;
	float: left;
}

.ccSummaryBar,.ccSummaryBarContainer {
	border: 1px solid #999999;
	padding: 8px;
	margin-bottom: 10px;
	vertical-align: bottom;
}

.ccSummaryTitle,.ccSummaryBarContainer .titleBox {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.ccSummaryPositions,.ccSummaryBarContainer .positionsBox {
	float: right;
}

.ccSummaryPoints,.ccSummaryBarContainer .pointsBox {
	float: right;
	margin-right: 3em;
}

#ccStyles h2 {
	margin-bottom: 0px;
	padding: 0px;
}

#ccStyles .contentButtonsContainer {
	margin-top: .5em;
}

#ccStyles .contentButtonsContainer {
	margin-top: .5em;
}

#ccStyles .titleBox {
	background-color: #bbb;
	padding: .25em;
	font-weight: bold;
}

#ccStyles h3 {
	text-transform: uppercase;
}

#ccStyles .contentBox {
	padding: .5em !important;
	background-color: #ebebeb;
	margin-bottom: 1em;
}

.ccSummaryTitle,.ccSummaryBarContainerTitleBox {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

ul.cocurric {
	margin: 0px 0px 0px 0px;
}

select.cocurricWindow {
	border: 1px solid black;
	background-color: #ebebeb;
	width: 300px;
}

.ccAdminContentContainer select.cocurricWindow {
	width: 155px;
}

.content .cocurricularSelectTable {
	height: 190px;
}

.stepContainer {
	margin-bottom: 2em;
	width: 100%;
	margin-top: 2em;
	clear: both;
}

.stepBox {
	float: left;
	width: 111px;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-right: 10px;
}

.stepBox img {
	float: left;
	margin-right: 5px;
	vertical-align: middle;
}

.stepText {
	float: left;
	text-transform: uppercase;
}

.stepChosen {
	font-weight: bold;
	color: #07397f !important;
	clear: both;
}

.stepNotChosen {
	filter: alpha(opacity =   50);
	-moz-opacity: .5;
	opacity: .5;
	clear: both;
}

/********************* ESTORE ************************/
#eStoreStyles  .featuredPageContent{
	
}
#eStoreStyles .productListPage .offline .thumbnailBox,#eStoreStyles .productDetailsPage .offline .prodDetailsContainer {
	filter: alpha(opacity = 25);
	-moz-opacity: .25;
	opacity: .25;
}

#eStoreStyles .productListPage .headerContainer .headerTitle{
}

#eStoreStyles h1 {
	margin-bottom: 15px;
}

#eStoreStyles .productListPage .productSavingsBox {
	color: #005fa1;
}

#eStoreStyles .productListPage .headerContainer {
	margin-bottom:0px;
}

#eStoreStyles .productListPageListView .headerContainer {
	display: inline;
}

/* controls PRODUCT NAV area */
#eStoreStyles .productDetailsPage .navigationBar {
	margin-bottom: 1em;
	display: none;
}

#eStoreStyles .pageNumbers a .highlight {
	color: #e16100;
}

/* controls PRODUCT NAV area */
#eStoreStyles .navigationBar {
	margin-bottom:10px;
	height:20px;
	text-align:right;	
	color:#000;
	padding:5px 10px 0px 0px;
}
#eStoreStyles .navigationBar a {
	font-weight: bold;
	text-decoration: none;
}

#eStoreStyles .navigationBar a:hover {
	font-weight: bold;
	text-decoration: underline;
}

#eStoreStyles .navigationBar a:visited {
	font-weight: bold;
}

#eStoreStyles .navigationBar a:active {
	font-weight: bold;
	text-decoration: underline;
}

#eStoreStyles .prodDetailsContainer{
	margin-bottom:20px;
	padding-top:12px;
}



#eStoreStyles .productPrice {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../../images/bullettrianglestyle.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 15px;
}

/* controls DESCRIPTION area */
#eStoreStyles .productDescriptionBox {
	vertical-align: top;
	margin-bottom: 1em;
}

#eStoreStyles .prodDetailsContainer .titleBox {
	font-weight: bold;
}

#eStoreStyles .skuAttributesContainer {
	margin-bottom: 1em;
}

#eStoreStyles .skuAttributesBox .titleBox {
	text-transform: none;
}

#eStoreStyles .productDescriptionBox p {
	font-size: 11px;
	line-height: 20px;
}

#eStoreStyles .productStockBox {
	margin-bottom: 1em;
}

#eStoreStyles .productDetailsPage .productSavingsBox {
	color: #005fa1;
	margin-bottom: 20px;
}

#eStoreStyles .productDetailsPage .buttEstore {
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-transform: normal;
	border: 1px solid #bfbfbf;
	float: left;
	padding: 4px 2px 4px 2px;
	margin-right: 10px;
}

.textbookStyles .buttEstore {
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-transform: normal;
	border: 1px solid #bfbfbf;
	padding: 4px 2px 4px 2px;
	float: right;

}

#eStoreStyles .productDetailsPage .buttEstore a,.textbookStyles .buttEstore a {
	padding: 2px 10px;
	text-align: center;
	
}

#eStoreStyles .productDetailsPage .buttEstore a.buttAddCart:visited,.productDetailsPage .buttEstore a.buttAddCart:link,.textbookStyles .buttEstore a.buttAddCart:visited,.textbookStyles .buttEstore a.buttAddCart:link {
	background-color: #f65340;
	color: #fff;
}

#eStoreStyles .productDetailsPage .buttEstore a.buttAddCart:hover,.productDetailsPage .buttEstore a.buttAddCart:active,.textbookStyles .buttEstore a.buttAddCart:hover,.textbookStyles .buttEstore a.buttAddCart:active {
	background-color: #d83724;
	color: #fff;
	text-decoration: none;
}

#eStoreStyles .productDetailsPage .buttEstore a.buttCheckout:visited,.productDetailsPage .buttEstore a.buttCheckout:link,.textbookStyles .buttEstore a.buttCheckout:visited,.textbookStyles .buttEstore a.buttCheckout:link {
	background-color: #c8c8c8;
	color: #000;
}

#eStoreStyles .productDetailsPage .buttEstore a.buttCheckout:hover,.productDetailsPage .buttEstore a.buttCheckout:active,.textbookStyles .buttEstore a.buttCheckout:hover,.textbookStyles .buttEstore a.buttCheckout:active {
	background-color: #ffde55;
	color: #000;
	text-decoration: none;
}

#eStoreStyles .thumbnailBox .buttEstore {
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-transform: normal;
	border: 1px solid #bfbfbf;
	padding: 3px 2px 3px 2px;
	float: left;
	margin-top: .5em;
}

#eStoreStyles .thumbnailBox .buttEstore a {
	padding: 1px 3px;
	text-align: center;
}

#eStoreStyles .thumbnailBox .buttEstore a.buttAddCart:visited,.thumbnailBox .buttEstore a.buttAddCart:link {
	background-color: #f1402c;
	color: #fff;
}

#eStoreStyles .thumbnailBox .buttEstore a.buttAddCart:hover,.thumbnailBox .buttEstore a.buttAddCart:active {
	background-color: #d83724;
	color: #fff;
	text-decoration: none;
}

#eStoreStyles .thumbnailBox .buttEstore a.buttView:visited,.thumbnailBox .buttEstore a.buttView:link {
	background-color: #999999;
	color: #fff;
}

#eStoreStyles .thumbnailBox .buttEstore a.buttView:hover,.thumbnailBox .buttEstore a.buttView:active {
	background-color: #b9b9b9;
	color: #fff;
	text-decoration: none;
}

#eStoreStyles .extrasContainer {
	clear: both;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	margin-top: 20px;
	padding: 1.5em;
	height: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	overflow: auto;
}

#eStoreStyles .extrasBox {
	float: right;
}

#eStoreStyles .extrasBox ul {
	margin-bottom: 0px;
}

/* controls PRODUCT area */
#eStoreStyles .productImageBox {
	float: right;
	width:275px;
}

#eStoreStyles .thumbnailsContainer {
	clear: both;
}

/* controls the PRODUCT container */
.thumbnailBox {
	/*removed height when doing schgf*/
	width:32%;
	padding:0px;
	float: left;
	margin-right:7px;
	vertical-align:bottom;
	position:relative;
	margin-bottom:7px;
	
}




/* controls RELATED PRODUCT IMAGE area */
#eStoreStyles .thumbnailImg {
	float: left;
	width:80px;
	text-align: center;
	background-color: #fff;
	height: 100px;
}


#eStoreStyles .thumbnailImg img {
	width:80px;
}

#eStoreStyles .thumbnailDetailsBox {
	float: left;
	width:119px;
	margin-left:2px;
}

#eStoreStyles .relatedProductsContainer .thumbnailDetailsBox{
	width:108px;
}

#eStoreStyles .relatedProductsContainer .thumbnailBox {
	width:31% !important;
	height:auto;
}

#eStoreStyles .thumbnailDetails {
	height:50px;
	padding:0px 0px 7px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	min-height: 8em;
}

#eStoreStyles .relatedProductsBox .thumbnailDetails {
	height: 7em;
}


#eStoreStyles .thumbnailDetails .thumbnailDetailsTitleBox {
	color:#1b84e3;
	font-weight: bold;
}

/* controls the SIDE area (ie. side iimages, ads, etc.) */
/*#eStoreStyles .productListAdsContainer {
	width: 256px;
	display: inline;
	vertical-align: top;
}

#eStoreStyles .productListAdsContainer .productListMainAd {
	margin-bottom: 22px;
}
*/
#eStoreStyles .productListOptionsContainer {
	text-align: left;
	margin-top:10px;
}

#eStoreStyles .relatedProductsContainer {
	clear: both;
	margin-top: 20px;
}

#eStoreStyles .relatedProductsBox {
	padding:10px;
	margin-bottom: 0px;
	margin-top:2px !important;
	margin-bottom:0px;
	border:1px solid #b0bdca;
}

/* controls secondary TITLE area */
#eStoreStyles .relatedProductsTitle {
	border-top: 4px solid #666;
	color: #000;
	background-color: #ddd;
	padding-top: 3px;
	padding-left: .5em;
	margin-bottom: 20px;
	height: 22px;
	text-transform: uppercase;
}

#eStoreStyles .relatedProductsTitle h2 {
	font-size: 15px;
}

#eStoreStyles #listPagesSelect {
	width: 200px;
}

#eStoreStyles #availableListPagesSelect {
	width: 200px;
}

#eStoreStyles #productImageContainer img {
	border: 1px solid black;
	background-color: #ffffff;
	margin-top: 5px;
}

#eStoreStyles .displayProductPreviewImg {
	float: left;
}

#eStoreStyles .displayProductPreviewDetails {
	float: right;
}

/* SHOPPING CART */

#eStoreStyles .cartAnimationBox{
	background-color:#c9e7f9;
	width:255px;
}
#eStoreStyles .cartSummaryBox {
	height: 2em;
}

#eStoreStyles .cartAnimationBox .cartInnerBox { /*border:1px solid #73445f;*/
	height: 50%;
	border-top: 0px;
	background-repeat: no-repeat;
	background-position: top right;
	padding: 5px;
	margin: 3px;
}

#eStoreStyles .cartButtons {
	background-color:#97cae8;
	text-align: center;
	margin: 7px 3px 0px 3px;
	padding: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-transform: normal;
	font-weight: bold;
}

#eStoreStyles .cartButtons a:link, .cartButtons a:visited{
	color:#fff;	
}

.cartButtons a:hover,.cartButtons a:active {
	
	color:#418edb;
	text-decoration: none;
}

#eStoreStyles .cartAnimationBox .cartRow {
	width: 100%;
}

#eStoreStyles .cartAnimationBox td.cartProdDetailsBox {
	font-size: 10px;
}

#eStoreStyles .cartItemDetailBox {
	background-color:#def3ff;
	padding: 5px;
}

#eStoreStyles .cartItemDetailBoxEmpty {
	background-color: none;
}

#eStoreStyles .checkoutPageContainer{
}

#eStoreStyles .checkoutPageContainer .cardTypeText {
	font-weight: bold;
}

#eStoreStyles .leftContainer {
	float: left;
	width: 73%;
}

#eStoreStyles .rightContainer {
	float: right;
	width: 26%;
}

#eStoreStyles .overviewContainer .overviewContainerContentBox {
	background-color: #d8e5ec;
	padding: 10px;
}

#eStoreStyles .col1,#eStoreStyles .overviewContainer .overviewContainerContentBox .col1 {
}

#eStoreStyles .overviewContainer .overviewContainerTitleBox {
	background-color: #d8e5ec;
	text-transform: uppercase;
	padding: 10px 0px 0px 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #002772;
}

#eStoreStyles .overviewContainer .col1 {
	width: 155px;
	float: left;
}

#eStoreStyles .overviewContainer .col2 {
	width: 5em;
	text-align: right;
	float: left;
}

#eStoreStyles .overviewContainer .overviewContainerTitleBox h3 {
	font-size: 12px;
}

#eStoreStyles .managementStyles .actionButtons {
	border: 0px;
	background-color: #fff;
	border-top: 1px solid #c4cccc;
	border-bottom: 1px solid #6f7777;
	border-left: 1px solid #acb5b5;
	border-right: 1px solid #acb5b5;
	background-image: url(../../images/backactionbutton.jpg);
	margin: 2px;
	padding: 3px.25em 0px 0px;
	width: 110px;
	overflow: auto;
	float: left;
}

#eStoreStyles .managementStyles .actionButtonsIcon {
	
}

#eStoreStyles .managementStyles .actionButtonsText {
	font-weight: bold;
	color: #333333;
	font-size: 12px;
}

#eStoreStyles .managementStyles .orderStatusContainer .contentBox {
	padding-left: 105px;
}

#eStoreStyles .managementStyles .titleBox,#eStoreStyles .invoicePageContainer .titleBox,#eStoreStyles .orderDetailsPage .titleBox {
	background-color: #bbb;
	font-weight: bold;
	padding: .25em;
}

#eStoreStyles .managementStyles .searchResultsContainerTitleBox {
	background-color: #fff;
}

#eStoreStyles .invoicePageContainer .contentBox,#eStoreStyles .managementStyles .contentBox {
	margin-bottom: .5em;
}

#eStoreStyles textarea {
	width: 55%;
	height: 60px;
}

#eStoreStyles .subHeader {
	font-weight: bold;
}

#eStoreStyles .managementStyles .paymentStatusContainer .paymentStatus {
	background-color: #353b66;
	color: #fff;
	padding: 3px;
	text-align: center;
	text-transform: uppercase;
}

#eStoreStyles .textbookStyles .titleBox {
	background-color: #bbb;
	padding: .25em;
	font-weight: bold;
}

#eStoreStyles h3 {
	text-transform: uppercase;
}

#eStoreStyles .textbookStyles select.courseBoxes {
	width: 160px;
}

#eStoreStyles .textbookStyles .searchByIDContainer {
	margin-bottom: 2em;
}

#eStoreStyles .textbookStyles .resultsByCourseContainer .contentBox {
	margin-bottom: .5em;
}

#eStoreStyles .textbookStyles .courseColCode {
	width: 13%;
}

#eStoreStyles .textbookStyles .courseColTitle {
	width: 25%;
}

#eStoreStyles .textbookStyles .courseColProf {
	width: 16%;
}

#eStoreStyles .textbookStyles .courseColDept {
	width: 20%;
}

#eStoreStyles .textbookStyles .courseColFac {
	width: 22%;
}

#eStoreStyles .couponPageContainer .topContainer {
	margin-bottom: 2em;
}

#eStoreStyles .numBooksContainer {
	float: left !important;
	width: 350px;
	margin-top: 1em;
	padding: 5px;
	background-color: #e1e1e1;
}

#eStoreStyles .totalsContainer {
	margin-top: 1em;
	width: 280px;
	text-align: left;
	float: right;
}

#eStoreStyles .totalsContainer .col1 {
	width: 200px;
	font-weight: bold;
}

#eStoreStyles .totalsContainer .col2 {
	padding: 0px;
	margin: 0px;
	width: 7em;
	text-align: right;
}

#eStoreStyles .textbookStyles .individualCourseContainer .contentBox {
	
}

#eStoreStyles .textbookStyles .actionContainer {
	clear: both;
	text-align: right;
}

#eStoreStyles .contentBoxBorder {
	border-left: 10px solid #3c515c;
	border-right: 10px solid #3c515c;
	border-bottom: 10px solid #3c515c;
}

#eStoreStyles .contentBoxBorderTitleBox {
	background-color: #3c515c;
}

#eStoreStyles .orderInfoTotalBox {
	float: right !important;
	width: 29%;
}

#eStoreStyles .orderInfoTotalBox .col1 {
	width: 150px;
}

#eStoreStyles .col2 input,#eStoreStyles .col2 select {
	width: 250px;
}

/* CATALOGUE */
#eStoreStyles .productButtonsBox {
	border: 1px solid white;
}

/* controls WHOLE Catalogue area */
.catalogueContainer {
	width:700px;
	position:relative;
	left:0px;
}
/* PAGING */
#eStoreStyles .productListPageListView .navigationBar {
	float: left;
}

#eStoreStyles .productListPage .navigationBar {
	width: 49%;
	text-align: left;
}

#eStoreStyles .productDetailsPage .navigationBar {
	display: none;
	margin-bottom: 1em; /* added from ebookstore */
}

#eStoreStyles .navigationBar a {
	font-weight: bold;
	text-decoration: none;
}

#eStoreStyles .navigationBar a:hover {
	font-weight: bold;
	text-decoration: underline;
}

#eStoreStyles .navigationBar a:visited {
	font-weight: bold;
}

#eStoreStyles .navigationBar a:active {
	font-weight: bold;
	text-decoration: underline;
}

#eStoreStyles .pageNumbers {
	float: left;
	text-align: left;
	margin-right: 2em;
	color:#000;
}

#eStoreStyles .pageNumbers a .highlight {
	color: #ffce04;
}

#eStoreStyles .switchView {
	float: left;
}

/* Featured Product Pages  */
.featuredProductsContainer {
	margin-top: 20px;
}

.featuredProductsContainer img,.checkoutPageContainer img.checkoutCartImg {
	width: 60px;
}

.productItemEditPage table img {
	width: 60px;
}

/* FACULTY */
.facultyStyles .buttEstore {
	float: left !important;
}

#eStoreStyles .facultyStyles select.courseBoxes {
	width: 215px;
}

#eStoreStyles .facultyStyles .contentBox {
	margin-bottom: .5em;
}

#eStoreStyles .facultyStyles .previousBooksTable input.textField {
	width: 25px;
}

.facultyStyles .textbookReqContainer .col1 {
	width: 100px;
}

.facultyStyles .col2 input {
	width: 350px !important;
}

#eStoreStyles .facultyStyles .courseSearchContainer select.courseBoxes {
	width: 214px;
}

/********************* LISTING MODULES ************************/
#listingStyles {
	height: 100%;
	clear: both;
}

#listingStyles .infoBox {
	float: right;
	width: 260px;
}
#listingStyles .searchPage .infoBox {
	width: 179px;
}
#listingStyles .infoBox ul {
	margin-top: 1em;
	margin-bottom: 0px;
}

/*for posting */
#listingStyles .hasInfoBox {
	float: left;
	width: 570px;
	padding-right: 20px;
	border-right: 1px dotted #666;
}

#listingStyles .listingStylesContainer {
	overflow: auto;
	width: 100%;
}

#listingStyles textarea {
	width: 55%;
	height: 60px;
}

#listingStyles .boxCorner {
	float: right;
}

#listingStyles h2 {
	font-size: 14px;
	display: inline;
}

#listingStyles .col1 {
	display: inline;
	width: 115px;
	margin-right:8px;
}

#listingStyles .clickedPosting .col1{
	width:150px;
	
}
/* category list */
#listingStyles .categoryFooterContainer {
	float: left;
}

#listingStyles .categoryButtonContainer{
	padding: 5px;
	background-color: #0f3f59;
	height: 100%;
	float: left;
}

#listingStyles .categoryButtons {
	border: 0px;
	background-color: #e3e3d6;
	margin-top: 2px;
	padding: 0px.25em;
	width: 200px;
	overflow: visible;
	border-top: 1px solid #f6f1dc;
	border-right: 1px solid #a7a59f;
	border-bottom: 1px solid #a7a59f;
	border-left: 1px solid #f6f1dc;
	font-weight: bold;
	border-left: 1px solid #31759b;
	border-top: 1px solid #31759b;
	border-right: 1px solid #0a3a4f;
	border-bottom: 1px solid #0a3a4f;
	padding-bottom: 1px;
	background-color: #124e6f;
	margin-bottom: 1px;
	margin-right: 3px;
}

#listingStyles .categoryButtonIcon {
	vertical-align: middle;
}

#listingStyles .categoryButtonText {
	z-index: 0;
	display: inline;
	padding: 0px 7px 0px 95px;
	margin-left: -90px;
	font-weight: bold;
	color: #fff;
	font-size: 11px;
	font-family: verdana;
}

/* on right of category page currently commented out */
#listingStyles .quickTourContainer {
	margin-right: 10px;
	float: right;
	vertical-align: top;
}

/* Featured Items */
#listingStyles .searchPage .featuredItemsBox .imageBox {
	height: auto;
}

#listingStyles .searchPage .featuredItemsBox {
	padding: .5em;
	margin-right: .25em;
	height: 160px;
	border: 1px solid #dcdcdc;
	float: left;
	width: 136px !important;
}
#listingStyles .noFeaturedItemsBox{
	border: 1px solid #dcdcdc;
	padding:.5em;
}
#listingStyles .featuredPage .featuredItemsBox {
	padding: .5em;
	margin-right: .25em;
	height: 180px !important;
	border: 1px solid #dcdcdc;
	float: left;
	width: 136px !important;
}

.featuredPage .buttonBox{
		display:none;
}
.featuredPage .featuredTitleBox{
	padding-bottom:1em;
}

#listingStyles .searchPage .featuredContainer {
	margin-top: 0em;
	margin-bottom: 1em;
	text-align: center;
}

#listingStyles .featuredPage {
	width: 100%;
}

#listingStyles .featuredPage .featuredContainer {
	margin-top: 0em;
	margin-bottom: 1em;
	text-align: center;
	width: 100%;
	clear: both;
}

#listingStyles .featuredPage .featuredContainer .featuredTitleBox {
	float: left;
	margin-bottom: 1em;
}



#listingStyles .featuredPage .featuredItemsBox .imageBox img {
	display: inline;
	border: 1px solid black;
	margin: 0px;
	text-align: center;
}

#listingStyles .featuredPage .featuredItemsBox .detailsBox {
	text-align: left;
}

#listingStyles .featuredPage .featuredItemsContainer {
	width: 100%;
	clear: both;
}
/*

/*Search Page */
#listingStyles .searchPage .topContainer {
	width: 100%;
}


#listingStyles .searchPage  .noFeaturedQuickLinks {
	clear: both;
	width: 100%;
	margin-bottom: 2em;
	margin-top: 1em;
}
#listingStyles .searchPage .featuredContainer .featuredTitleBox {
	float: left;
}

#listingStyles .searchPage .featuredItemsBox .imageBox img {
	display: inline;
	border: 1px solid black;
	margin: 0px;
	text-align: center;
}

#listingStyles .searchPage .featuredItemsBox .detailsBox {
	text-align: left;
}


#listingStyles .searchPage .featuredItemsContainer {
	clear: both;
}

#eStoreStyles .midContainer,#listingStyles .searchPage .midContainer {
	width: 100%;
	background-color: #ebebeb;
	clear: both;
}

#eStoreStyles .filterViewOptionsBox,#listingStyles .searchPage .filterViewOptionsBox {
	margin-bottom: 1em;
}

#eStoreStyles .filterChoicesBox{
	padding-bottom: 0em;
	background-color: #ebebeb;
}


#eStoreStyles .listingFilterContainer {
	width: 100%;
}

#eStoreStyles .listingNotifyMeContainer {
	padding: .25em;
}

#listingStyles .searchPage .listingNotifyMeContainer {
	padding: 0em;
}

#eStoreStyles .listingFilterListBox .filterRow, , #listingStyles .adminStyles .listingFilterListBox .filterRow {
	clear: both;
}

#eStoreStyles .listingFilterListBox .itemBox,#listingStyles .searchPage .listingFilterListBox .itemBox, #listingStyles .adminStyles .listingFilterListBox .itemBox {
	float: left;
	padding-top: 3px;
	padding-left: 10px;
}


#eStoreStyles .listingFilterListBox .buttonBox,#listingStyles .searchPage .listingFilterListBox .buttonBox, #listingStyles .adminStyles .listingFilterListBox .buttonBox {
	float: left;
}

#eStoreStyles .aboveListContainer,#listingStyles .searchPage .aboveListContainer {
	width: 100%;
	background-color: #fff;
	clear: both;
	padding-top: 1em;
}

#eStoreStyles .pagingContainer, #listingStyles .pagingContainer{
	float: right;
	width:auto;
	text-align:right;
}

#eStoreStyles .featuredItemsContainer .detailsBox .address1,#listingStyles .searchPage .featuredItemsContainer .detailsBox .address1 {
	font-weight: bold;
}

#eStoreStyles .filterViewOptionsBox,#listingStyles .searchPage .filterViewOptionsBox {
	display: none;
}

/* Search Filter*/
#listingStyles .searchPage .listingFilterContainer {
	height: 110px;
}


.searchResultsContainer {
	clear: both;
	margin-top: 2em;
	margin-bottom: 2em;
}

.searchResultsContainer .searchResultsContainerTitleBox {
	margin-bottom: 1em;
	float: left;
	background-color: #fff;
}


.searchPage h3{
	margin-bottom: 1em;
}
/*
.searchPage .quickLinksTitleBox {
	margin-bottom: 1em;
}*/

/***** details page *****/
#listingStyles .detailsPage .midContainer .imagesContainer .thumbnailsBox .thumbnailsBoxTitleBoxTitleBox {
	display: block;
	font-weight: bold;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}



#listingStyles .detailsPage .rightSideContainer {
	float: right;
	background-image: none;
	width: 586px;
}
#roommateStyles .detailsPage .rightSideContainer {
	width: 586px;
}
#listingStyles .detailsPage .focusBox_listingDetails .contentBox,#listingStyles .detailsPage .focusBox_listingDetails .titleBox{
	background-color:transparent;
	padding:0px;
	margin-bottom:1em;
}
#listingStyles .detailsPage .focusBox_notify .contentBox,#listingStyles .detailsPage .focusBox_notify .titleBox{
	background-color:transparent;
	padding:0px;
	margin-bottom:1em;
}
#listingStyles .detailsPage {
	width: 100%;
}

.detailsPage .detailsBox {
	clear: both;
	border-bottom: 1px solid black;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 5px 5px 5px 0px;
	min-height:15px;
}
#listingStyles .detailsPage .detailsBox {
	background-color: #666;
	color: #fff;
	padding: 5px;
}

#listingStyles .detailsPage .detailsBox a {
	color: #fff;
}

#listingStyles .detailsPage .detailsBox .address1 {
	font-size: 14px;
	font-weight: bold;
	display: inline;
}

#listingStyles .detailsPage .detailsBox h1 {
	display: inline;
	color: #fff;
}

#listingStyles .detailsPage .detailsBox .address2 {
	display: inline;
}

#listingStyles .detailsPage .detailsBox .address3 {
	display: inline;
}

#listingStyles .detailsPage .detailsBox .address4 {
	display: inline;
}

#listingStyles .detailsPage .listingFilterListBox {
	background-color: #ebebeb;
	margin-bottom: 2em;
	margin-top: .5em;
	text-align: left;
	display: none;
}

#listingStyles .detailsPage .listingFilterListBox .contentBox .itemBox {
	display: inline;
	margin-right: 1em;
}

#listingStyles .detailsPage .topContainer {
	text-align: right;
}

#listingStyles .detailsPage .midContainer {
	width: 100%;
}

#listingStyles .detailsPage .midContainer .detailsBox .addressBox {
	float: left;
}



#listingStyles .detailsPage .midContainer .imagesContainer .thumbnailsBox .imageBox {
	width: 100px;
	height: 102px;
	vertical-align: middle;
	text-align: center;
	margin-right: .25em;
	margin-top: .25em;
	float: left;
	background-color: #e1e1e1;
}

/*checked YES keep */
#listingStyles .detailsPage .midContainer .imagesContainer .titleBox {
	display: none;
}

#listingStyles .detailsPage .midContainer .quickInfoContainer {
	margin-bottom: .5em;
}
#listingStyles .detailsPage .midContainer .quickInfoContainer .col1{
	font-weight:bold;
}
#listingStyles .detailsPage .midContainer .quickInfoContainer .titleBox{
	display:none;	
}
#listingStyles .detailsPage .midContainer .quickInfoContainer .contentBox{
	background-color:#fff;
	font-size:13px;
}

#listingStyles .detailsPage .midContainer .quickInfoContainer .titleBox,#listingStyles .detailsPage .midContainer .contactInfoContainer .titleBox,.rentalInfoContainer .titleBox {
	text-transform: uppercase;
	font-weight: bold;
}

#listingStyles .detailsPage .midContainer .quickInfoContainer .newBox {
	text-transform: uppercase;
	font-weight: bold;
	background-color:#ffea00;
	padding:2px;
	color:#4d4126;
	margin-bottom:1em;
	text-align:center;
}

#listingStyles .detailsPage .midContainer .contactInfoContainer {
	height:135px;
}

#listingStyles .detailsPage .midContainer .propertyInfoContainer {
	margin-bottom: .5em;
}

#listingStyles .rentalInfoContainer,#listingStyles .postingStepsPage .rentalInfoContainer,#listingStyles .postingStepsPage .featuredListingContainer,#listingStyles .postingStepsPage .renewalsContainer {
	margin-bottom: .5em;
}


#listingStyles .detailsPage .midContainer .imagesContainer {
	clear: both;
	float: left;
	vertical-align: top;
	
}

#listingStyles .detailsPage .imagesContainer .contentBox {
	background-color: #e1e1e1;
	padding: 6px;
}



#listingStyles .detailsPage .midContainer .imagesContainer .col1 {
	display: none;
}

/***** admin section *****/
#listingStyles .adminStyles .reportsPage .top5Container {
	margin-top: 1.25em;
	margin-bottom: 1em;
}

#listingStyles .adminStyles .reportsPage .top5ContainerTitleBox {
	background-color: #fff;
	margin-bottom: .5em;
	padding-left: 0px;
}

#listingStyles .adminStyles .quickInfoContainer .quickInfoContainerContentBox {
	padding: .5em;
	background-color: #ebebeb;
	margin-bottom: 1em;
}

#listingStyles .adminStyles .quickInfoContainer .leftTable {
	float: left;
	width: 25%;
	margin-right: 1.5em;
	border-right: 2px solid white;
}

#listingStyles .adminStyles .quickInfoContainer {
	width: 100%;
}

#listingStyles .adminStyles .quickInfoContainer .leftTable div.xrow {
	clear: both;
	margin: 0em 0em.25em 0em;
}

#listingStyles .adminStyles .quickInfoContainer .rightTable {
	width: 72%;
}

#listingStyles .adminStyles .filterChoicesBox {
	margin-top: 1em;
}

#listingStyles .subTitleBox {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	margin-bottom: .5em;
}

#listingStyles .adminStyles .searchResultsContainerTitleBox {
	background-color: #fff;
	float: left;
}

#listingStyles .adminStyles .forTesting {
	margin-top: 2em;
	display: block;
}

#listingStyles .adminStyles .topContainer {
	text-align: center;
	margin-bottom: 1em;
}

#listingStyles .adminStyles .manageListingsPage .topContainer {
	text-align: left;
}

#listingStyles .postingStepsPage .topContainer .background {
	text-align: center;
}

#listingStyles .adminStyles .manageListingsPage .background {
	text-align: center;
}

#listingStyles .adminStyles .topContainer .filterViewOptionsBox {
	text-align: center;
	margin-bottom: 1em;
}

#listingStyles .manageListingsPage .filterChoicesBox .titleBox {
	background-color: transparent !important;
}

#listingStyles .manageListingsPage .filterChoicesBox .titleSearch {
	margin-left: 5px;
}

#listingStyles .adminStyles .manageListingsPage .listingFilterListBox .filterRow {
	width: 100%;
	clear: both;
}

#listingStyles .adminStyles .manageListingsPage .listingFilterListBox .itemBox {
	float: left;
}
/*


#listingStyles .adminStyles .listingFilterListBox {
	margin-bottom: 1em;
}

#listingStyles .adminStyles .listingFilterListBox .filterRow {
	width: 100%;
}

#listingStyles .adminStyles .listingFilterListBox .itemBox {
	float: left;
}


#listingStyles .adminStyles .notifyMeReportPage .aboveListContainer {
	margin-top: 1em;
}

#listingStyles .adminStyles .overviewContainer {
	margin-bottom: 1em;
}

#listingStyles .adminStyles .salesReportPage .aboveListContainer {
	margin-top: 1em;
}

#listingStyles .recordCountContainer {
	margin-bottom: 1em;
}

#listingStyles .adminStyles .overviewContainer .titBox {
	background-color: #bbb;
	padding: .25em;
	font-weight: bold;
}

#listingStyles .adminStyles .overviewContainer .overviewTable {
	width: 80%;
}

/****** my listings page *************/ /*left this in all commons but want to override so for now use !important */ /* this is the contentbox thats within the contentboxborders on the my listings pages */
#listingStyles .myListingsPage .listingsBox {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
}

#listingStyles .myListingsPage .topContainer {
	text-align: center;
	margin-bottom: 2em;
}

#listingStyles form {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#listingStyles .myListingsPage .currentListContainer {
	margin-bottom: 3em;
}

#listingStyles .myListingsPage .currentListContainer h2 {
	
}

#listingStyles .myListingsPage .expiredListContainer {
	margin-bottom: 3em;
}

#listingStyles .myListingsPage .pendingListContainer {
	margin-bottom: 3em;
}

#listingStyles .myListingsPage .pendingListContainer .titleBox {
	background-color: transparent;
	text-transform: uppercase;
	margin-bottom: .5em;
	padding: 0px;
}

#listingStyles .myListingsPage .pendingListContainer .contentBox {
	background-color: transparent !important;
	padding: 0px;
}

#listingStyles .myListingsPage .expiredListContainer {
	margin-bottom: 3em;
}

#listingStyles .myListingsPage .pendingListContainer .listingsBox .viewColumn {
	display: none;
}

.pendingListContainer .contentBox,.pendingListContainer .titleBox {
	height: 100%;
}

#listingStyles .myListingsPage .declinedListContainer .listingsBox .viewColumn {
	display: none;
}

#listingStyles .myListingsPage .messageBox {
	margin: .5em 0px 1em 0px;
}

#listingStyles .postingStepsPage .midContainer {
	clear: both;
	margin-bottom: 2em;
	text-align: left;
}

#listingStyles .postingStepsPage .background {
	text-align: left;
}

#listingStyles .postingStepsPage .background {
	
}

#listingStyles .postingStepsPage .listingCategoryContainer,#listingStyles .postingStepsPage .featuredPropertyContainer {
	margin-bottom: .5em;
}

#listingStyles .postingStepsPage .contactInfoContainer,#listingStyles .postingStepsPage .propertyInfoContainer,#listingStyles .postingStepsPage .postImagesContainer,#listingStyles .postingStepsPage .prepurchaseContainer,#listingStyles .postingStepsPage .midContainer .contactInfoContainer
	{
	margin-bottom: .5em;
	clear: both;
}

#listingStyles .postImagesContainer .picTextHousing {
	display: inline;
}

#listingStyles .postImagesContainer .picTextRoommate {
	display: none;
}

#listingStyles .postingStepsPage .rentalInfoContainer {
	margin-top: .5em;
}

#listingStyles .postingStepsPage div.row {
	margin-bottom: .75em;
}

#listingStyles .postingStepsPage .imagesContainer div.row {
	margin-bottom: 0em;
	padding-bottom: .75em;
}

#listingStyles .postingStepsPage .topContainer {
	text-align: left;
	margin-bottom: 2em;
}

#listingStyles .postingStepsPage .bottomContainer {
	margin-top: 2em;
}

#listingStyles .postingStepsPage .midContainer .imagesContainer .imageBox {
	display: inline;
	border: 1px solid black;
	margin: 0px;
	text-align: center;
}

#listingStyles .postingStepsPage .imagesContainer .thumbnailsBox .thumbnailsBoxTitleBox {
	float: left;
	width: 111px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	background-color: #ebebeb;
	font-weight: normal;
}

#listingStyles .postingStepsPage .imagesContainer .thumbnailsBox {
	background-color: #ebebeb;
	padding-bottom: 20px;
}

#listingStyles .postingStepsPage .imagesContainer .thumbnailsBox .imageBox {
	display: inline;
	width: 100px;
}

#listingStyles .totalCostContainer .subHeader,#listingStyles .subHeader {
	font-weight: bold;
}

#listingStyles td.subHeader {
	text-align: right;
	padding-right: .5em;
}

#eStoreStyles .subTotal,#listingStyles .totalCostContainer .subTotal {
	border-top: 1px solid black;
}

#eStoreStyles .total,#listingStyles .totalCostContainer .total {
	border-top: 1px solid black;
	border-bottom: 2px double black;
	font-weight: bold;
}

#listingStyles .totalCostContainer .row {
	vertical-align: bottom;
}

#listingStyles .totalCostContainer .col2 {
	width: 77px;
	text-align: right;
}

#listingStyles .previousBillingsContainer {
	margin-bottom: .5em;
	margin-top: .5em;
}

/** Listing Module Configuration Styles **/
.listingEditPage .tabOn,.listingEditPage .tabOff {
	width: 75px;
	height: 26px;
}

.listingEditPage .tabsContainer {
	clear: both;
	margin-top: 4em;
}

#listingStyles .adminStyles .configureNotificationPage .contentBox iframe {
	width: 100%;
}

/*************  ROOMMATE MODULE **********************************/
#roommateStyles .searchPage select {
	width: 150px;
}

#roommateStyles .postingStepsPage .timingContainer {
	margin-bottom: .5em;
}

#roommateStyles .postingStepsPage .preferencesContainer {
	margin-bottom: .5em;
}

#roommateStyles .preferencesContainer select{
	font-size:11px;	
}

#roommateStyles .roommateMatchPage .preferencesContainer .contentBox{
	height:87px;
}

#roommateStyles .detailsPage .thumbnailsBox {
	display: none;
}

#roommateStyles .detailsPage .contactInfoContainer .contentBox {
	font-weight: bold;
}

#roommateStyles .postImagesContainer .picTextHousing {
	display: none;
}

#roommateStyles .postImagesContainer .picTextRoommate {
	display: inline;
}

#roommateStyles .getinTouchPage .focusBox .contentBox{
	height:50px;	
}
/*************  JOB MODULE *************************/ /***rentalinfocontainer is actually application info container***/


#jobStyles .searchPage .listingFilterContainer {
	float: none;
}

#jobStyles .searchPage .noFeaturedQuickLinks {
	background-color: #cde8f8;
	padding: 0px 20px 0px 20px;
	width: 868px;
	margin-top: 0px;
}

#jobStyles .searchPage .noFeaturedQuickLinks select {
	font-size: 15px;
}

#listingStyles .searchPage .searchFiltersBox {
	float: left;
	width: 675px;
	border-right: 1px dotted #666;
	margin-right: 10px;
}
#resumeStyles .searchPage .searchFiltersBox {
	width: auto;
	border-right: 0px dotted #666;
	margin-right: 0px;
}



#jobStyles .searchPage .noFeaturedQuickLinks .filterChoicesBox {
	margin-top: 10px;
	width: 650px;
}

#listingStyles .filterChoicesBox .titleSearch {
	font-weight:bold;
}

#listingStyles .filterChoicesBox .titleThen {
	font-weight:bold;	
}

#listingStyles .searchPage .midContainer {
	background-color: transparent;
}

#listingStyles .searchPage .listingFilterListBox , #listingStyles .adminStyles .listingFilterListBox {
	background-color: #ececec;
	padding: 5px;
	padding-bottom:0px;
}

#listingStyles .searchPage .listingFilterListBox .filterRow , #listingStyles .adminStyles .listingFilterListBox .filterRow {
	background-color: #f7f7f7 !important;
	height: 1.7em !important;
	padding: 1px;
	vertical-align: middle;
	margin-bottom:1px;
}

#listingStyles .searchPage .listingFilterListBox .titleBox, #listingStyles .adminStyles .listingFilterListBox .titleBox {
	background-color: transparent;
	padding-left: 6px;
}

#listingStyles .searchPage .listingFilterListBox .contentBox, #listingStyles .adminStyles.listingFilterListBox .contentBox {
	background-color: transparent;
}

#jobStyles .searchPage  .noFeaturedQuickLinks {
	margin-bottom: 0em;
}

#listingStyles  .searchPage .filterChoicesBox {
	margin-top: 1em;
	padding: 5px;
	margin-right: 18px;
}

#listingStyles  .searchPage .filterChoicesBox .titleBox {
	background-color: transparent;
}

#listingStyles  .searchPage .filterChoicesBox .contentBox {
	background-color: transparent;
	margin-bottom: 0px;
}

#listingStyles .searchResultsContainer {
	margin-bottom: 1em;
}

#listingStyles .searchPage .listingNotifyMeContainer {
	width: 215px;
	background-color: #cde8f8;
	padding-left: 13px;
}

#listingStyles .searchPage .listingNotifyMeContainer .notifyMeIcon {
	float:left;
	margin-right:10px;
}

#listingStyles .searchPage .listingNotifyMeContainer .notifyMeText {
	width: 160px;
	float:left;
}

#listingStyles .searchPage .listingNotifyMeContainer .notifyMeInput {
	clear:both;
	margin-top: 1em;
}

#jobStyles th a:hover,#jobStyles th a:active {
	text-decoration: none;
}

#listingStyles .searchPage .aboveListContainer {
	padding-top: 0em;
}

#listingStyles .detailsPage .applyText {
	margin-top: .5em;
	margin-left: 48px;
}

#listingStyles .detailsPage .applyText .applyInput {
	margin-top: 1em;
}

#listingStyles .detailsPage .clickedPosting .contentBox,#jobStyles .detailsPage .clickedPosting .titleBox {
	background-color: transparent;
	/*margin-left:45px;*/
}

#listingStyles .detailsPage .clickedPosting .titleBox {
	margin-top: 1em;
}

#listingStyles .detailsPage .watchText {
	margin-top: .5em;
	margin-left: 37px;
}

/*
#listingStyles .detailsPage .midContainer .propertyInfoContainer .tableBox {
	float: left;
}*/

#listingStyles .detailsPage .leftSideContainer {
	clear: left;
	float: left;
	margin-bottom: .5em;
	background-image: none;
	width:300px;
}

#jobStyles .detailsPage .leftSideContainer {
	width: 66%;
}
#jobStyles .detailsPage .rightSideContainer {
	width: 289px;
}

/* checked contentbox...is ok*/
#listingStyles .detailsPage .midContainer .imagesContainer .contentBox {
	width:300px !important;
}

/* checked contentbox...is ok*/
#jobStyles .detailsPage .midContainer .propertyInfoContainer .contentBox,#jobStyles .detailsPage .midContainer .postingInfoContainer .contentBox {
	background-color: #fff;
	margin-top: 0px;
	padding: 0px;
}

#jobStyles .detailsPage .propertyInfoContainer .titleBox, #jobStyles .detailsPage .postingInfoContainer .titleBox {
	display: none;
}

#listingStyles .detailsPage .col1,#jobStyles .detailsPage .postingInfoContainer .col1 {
}

#listingStyles .detailsPage .postingInfoContainer {
	float: left;
}



#jobStyles .adminInfoContainer .contentBox iframe {
	width: 88%;
}

#jobStyles .adminInfoContainer .contentBox {
	margin-bottom: 1em;
}

#listingStyles .detailsPage .additionalInfoContainer {
	color: #880000;
	font-weight: bold;
	margin-bottom: 1em;
}

#jobStyles .detailsPage .additionalInfoContainer p {
	padding: 0px;
	margin: 0px;
}

#jobStyles .rowTargetedClusters,#jobStyles .rowCompetitionNum {
	display: none;
}

/*************  Used Book/Resume Module *************************/
#usedBookStyles .detailsPage .leftSideContainer,#resumeStyles .detailsPage .leftSideContainer {
	float: left;
	margin-bottom: .5em;
	background-image: none;
	background-color: #fff;
	width: 59%;
}
#usedBookStyles .detailsPage .leftSideContainer{
	width: 76%;
}
#usedBookStyles .detailsPage .rightSideContainer, #resumeStyles .detailsPage .rightSideContainer {
	float: left;
	width: 40%;
}
#usedBookStyles .detailsPage .rightSideContainer{
	width: 24%;
}
#usedBookStyles .midContainer .left,#resumeStyles .midContainer .left {
	float: left;
	width: 25%;
	background-color: #fff;
}

#usedBookStyles .midContainer .right,#resumeStyles .midContainer .right {
	float: left;
	width: 75%;
	background-color: #ebebeb;
}
#usedBookStyles .searchPage .focusBox{
	height:122px;
}

#resumeStyles .searchPage .midContainer {
	background-color: #fff !important;
}

#resumeStyles .searchPage .listingFilterContainer {
	width: 70% !important;
}

#resumeStyles .searchPage .searchFiltersBox {
	height: 65px;
}

#resumeStyles .searchPage .searchByProgramBox {
	width: 620px;
	float: left;
	border-right: 1px dotted #666;
}

#resumeStyles .searchPage .searchByProgramBox select {
	margin-bottom: 5px;
}

#resumeStyles .searchPage .searchBySkillsBox input.textField {
	margin-bottom: 5px;
}

#resumeStyles .searchPage .searchBySkillsBox {
	width: 200px;
	float: right;
}

#resumeStyles .searchPage .searchBySkillsBox input.textField {
	width: 190px;
}

/***** BOOKING MODULE *****/
.bookingStyles .col1 {
	width: 150px;
}

.bookingStyles .listingFilterContainer {
	display: none;
}

.bookingStyles .quickLinksButtons {
	width: 220px;
	vertical-align: middle;
	/* mozilla core needs this width:auto !important;	*/
}

/* NEWBUTTON .bookingStyles .quickLinksButtonIcon{*/
.bookingStyles .quickLinksButtons img {
	margin-left: 0px !important;
}

.bookingStyles .monthTitleBox {
	background-color: #353b66;
	text-align: center;
	height: 20px;
	color: #fff;
}
.bookingStyles .monthTitleBox a{
	color: #fff;
}

.bookingStyles .dayBox {
	border: 1px solid white;
	width: 14.5%;
	vertical-align: top;
	height: 70px;
}

.bookingStyles tr.daysTitleBox {
	background-color: #ddd;
	padding-top: 3px;
	padding-bottom: 3px;
	text-transform: uppercase;
	text-align:center;
}

.bookingStyles td.dayBox {
}

.bookingStyles a div.dayLinkBox,
.bookingStyles a div.activeDayLinkBox {
	height: 100%;
	height: 70px;
	cursor: pointer;
	color: #000;
}

.bookingStyles .dayText {
	margin: 5px;
}


.bookingStyles a:link div.dayLinkBox,.bookingStyles a:visited div.dayLinkBox {
	background-color: lightblue;
}

.bookingStyles a:hover div.dayLinkBox,.bookingStyles a:active div.dayLinkBox {
	background-color: #6fc9e6;
	text-decoration: none;
}


.bookingStyles a:link div.activeDayLinkBox,.bookingStyles a:visited div.activeDayLinkBox {
	background-color: #fff;
}

.bookingStyles a:hover div.activeDayLinkBox,.bookingStyles a:active div.activeDayLinkBox {
	background-color: #e5e5e5;
	text-decoration: none;
}

.bookingStyles .timeColumn {
	width: 60px;
	vertical-align: top;
}

.bookingStyles .timeText {
	padding-right: 6px;
}

.bookingStyles .scheduleColumn {
	background-color: #eee;
	text-align: center;
	border-top: 2px solid #fff;
	height: 15px;
	padding: 0px;
}

.bookingStyles .scheduleColumnHeader {
	padding-bottom: 8px;
	text-align: center;
}

.bookingStyles .availabilityChartBox {
	width: 100%;
	overflow: scroll;
}

.bookingStyles a div.bookBox {
	cursor: pointer;
	padding-left: 1px;
	padding-right: 5px;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 15px;
}

.bookingStyles .statusBox {
	background-color: lightblue;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	color: #333;
	height: 100%;
	font-weight: bold;
	margin-bottom: 1em;
}

.bookingStyles .availBox {
	background-color: lightblue;
}

.bookingStyles a:link div.bookBox,.bookingStyles a:visited div.bookBox {
	background-color: lightblue;
}

.bookingStyles a:hover div.bookBox,.bookingStyles a:active div.bookBox {
	background-color: #6fc9e6;
	text-decoration: none;
}

.bookingStyles .bookedBox,.bookingStyles .notAvailBox {
	background-color: #cecece !important;
	color: #888 !important;
}

.bookingStyles .pendingBox {
	background-color: #fffe88;
}

.bookingStyles .acceptedBox {
	background-color: lightblue;
}

.bookingStyles a:link div.pendingBox,.bookingStyles a:visited div.pendingBox {
	background-color: #fffe88;
}

.bookingStyles a:hover div.pendingBox,.bookingStyles a:active div.pendingBox {
	background-color: #fffd00;
	text-decoration: none;
}

.bookingStyles .cancelledBox,.bookingStyles .noShowBox {
	background-color: #cecece;
}

.bookingStyles span.cancelText {
	font-weight: normal;
	text-tranform: none !important;
}

.bookingStyles a:link div.cancelledBox,.bookingStyles a:visited div.cancelledBox,.bookingStyles a:link div.noShowBox,.bookingStyles a:visited div.noShowBox {
	background-color: #fed9d9;
}

.bookingStyles a:hover div.cancelledBox,.bookingStyles a:active div.cancelledBox,.bookingStyles a:hover div.noShowBox,.bookingStyles a:active div.noShowBox {
	background-color: #fdbfbf;
	text-decoration: none;
}

.bookingStyles span.statusMsg {
	text-transform: uppercase;
}

.bookingStyles .myDayPage .scheduleColumn {
	text-align: left;
}

.bookingStyles .myDayPage .scheduleColumn a {
	color: #333;
}

.bookingStyles .appointTypeCol {
	float: left;
	width: 30%;
	padding-right: 5px;
	font-weight: bold;
}

.bookingStyles .appointDescCol {
	width: 67%;
	float: left;
}

.bookingStyles .appointmentTypesPage .halfBox {
	margin-bottom: 1em;
	height: 130px;
	background-color: #ebebeb;
	margin-right: 10px;
	padding: 5px;
	width: 47%;
}

.bookingStyles .appointmentProvidersPage .halfBox {
	margin-bottom: 1em;
	height: 160px;
	background-color: #ebebeb;
	margin-right: 10px;
	padding: 5px;
	width: 47%;
}

.bookingStyles .appointmentProvidersPage .halfBox ul {
	margin-bottom: 0px;
}

.bookingStyles .bookStatsBox {
	font-size: 10px;
	color: #000;
}

.bookingStyles .todaysEvents_side{
	float:left;
	width:20%;
}

.bookingStyles .calendar_side{
	float:right;
	width:79%;
}

/*********** EVENT CALENDAR STYLES *************/

.eventCalStyles .calEventTime{
	font-size:10px;	
}
.eventCalStyles .calEventDesc{
	font-size:10px;
	
}

.eventCalStyles .calendarMonthView .calEventTime{
}

.eventCalStyles .calendarMonthView .calEventDesc{
}
.eventCalStyles .todaysEvents_side{
	float:left;
	width:20%;
}
.eventCalStyles .calendar_side{
	float:right;
	width:79%;
}
.eventCalStyles .hasEvents{
	background-color: #fff;	
}
.eventCalStyles  .calenderDayView .hasEvents{
	border-top:1px solid #fff;
	
}

.eventCalStyles .dayNum{
	background-color:#8fc8da;
}

.eventCalStyles .dayText{
	margin:0px !important;	
}
.eventCalStyles .dayColumn{
	vertical-align:top;
}

.eventCalStyles .calenderDayView .calEventTime{
	font-size:11px;	
}
.eventCalStyles  .calenderDayView .calEventDesc{
	font-size:11px;
	
}

/****** SALES REPORT SECTION *******/
.managementStyles .salesReportPageContainer .salesReportTable td.numCol {
	text-align: right;
	width: 60px;
}

.managementStyles .salesReportPageContainer .salesReportTable th.numCol {
	text-align: center;
}

/************* CUSTOM PAYMENTS MODULE *************************/
#cpStyles input.qty {
	width: 50px;
}

#cpStyles td.colQty {
	width: 75px;
}

#cpStyles td.colPrice {
	width: 110px;
}

#cpStyles td.colItem {
	width: 300px;
}

#cpStyles .managementStyles .salesReportPageContainer .salesReportTable {
	width: 70%;
}

#cpStyles .managementStyles .salesReportPageContainer .salesReportTable td.numCol {
	text-align: right;
	width: 150px;
}

#cpStyles .col1{
	width:130px;	
}
/************* ONLINE PORTFOLIO MODULE *************************/
#portfolioStyles .contentBox textarea {
	width: 99%;
	height: 100px;
}

#portfolioStyles .contentBox ul {
	margin-top: 0em;
	margin-bottom: 1em;
}

#portfolioStyles .checkBoxBox {
	margin-bottom: 5px;
}

#portfolioStyles .row {
	margin: 0px;
	padding: 0px;
}

#portfolioStyles .col1 {
	width: 150px;
}

#portfolioStyles .col2b input {
	width: 300px;
}

#portfolioStyles .detailsHeader {
	margin-bottom: 1em;
	background-color: #551901;
	color: #fff;
	padding: 5px;
	height: 18px;
}

#portfolioStyles .detailsHeader .mainDetail {
	font-size: 14px;
	font-weight: bold;
}

#portfolioStyles .onlineAlertBox {
	background-color: #1d7c00;
	text-align: center;
	margin-bottom: 1em;
}

#portfolioStyles .offlineAlertBox {
	background-color: #c00000;
	text-align: center;
	margin-bottom: 1em;
}

#portfolioStyles .tableContentsContainer ul {
	margin-top: 1em;
	margin-bottom: 0em;
}

#portfolioStyles .sectionHead {
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 2em;
}

#portfolioStyles .publicPortfolioPage .td1 {
	width: 300px;
}

.focusBoxTop {
	width: 908px;
	height: 13px;
	background-image: url(../../site/images/common/boxTop.gif);
	clear:both;
}

.focusBoxBottom {
	width: 908px;
	height: 13px;
	background-image: url(../../site/images/common/boxBottom.gif);
	margin-bottom: 2em;
	clear:both;
}
.searchPage .focusBoxBottom{
	margin-bottom: 1em ;	
}


.focusBox .listItem {
	background-color: #e6f5fc;
	border-bottom: 2px solid #cde8f8;
}

.focusBox {
	padding: 0px 20px 0px 20px;
	width: 868px;
	margin-top: 0px;
	background-color: #cde8f8;
}

.focusBox .titleBox{
	background-color:transparent;	
}
.focusBox_thirds .backDrop, .focusBox .backDrop, .focusBox .contentBox{
	background-color: #e6f5fc !important;
}

.focusBox .actionBox{
	margin-top: 0px;
	margin-bottom: 0px;
}


.focusBoxTop_notify {
	width: 228px;
	height: 13px;
	background-image: url(../../site/images/common/boxTop_notify.gif);
}

.focusBoxBottom_notify {
	clear: both;
	width: 228px;
	height: 13px;
	background-image: url(../../site/images/common/boxBottom_notify.gif);
}

.focusBoxTop_listingDetails {
	background-image: url(../../site/images/common/boxTop_listingDetails.gif);
	width: 289px;
	height: 13px;
}

.focusBoxBottom_listingDetails {
	background-image: url(../../site/images/common/boxBottom_listingDetails.gif);
	width: 289px;
	height: 13px;
	margin-bottom: 1em;
}

.focusBox_listingDetails {
	width: 249px;
	background-color: #cde8f8;
	padding: 0px 20px 0px 20px;
}


.focusBoxTop_thirds {
	background-image: url(../../site/common/images/boxTop_thirds.gif);
	width: 295px;
	height: 13px;
}

.focusBoxBottom_thirds {
	background-image: url(../../site/common/images/boxBottom_thirds.gif);
	width: 295px;
	height: 13px;
	margin-bottom: 1em;
}

.focusBox_thirds {
	width: 270px;
	background-color: #cde8f8;
	padding: 0px 13px 0px 13px;
}

.focusBox_notify{
	width: 188px;
	background-color: #cde8f8;
	padding: 0px 20px 0px 20px;
}

.focusBox input.textField, .focusBox select {
	font-size: 15px;
}

.focusSubTitle {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/*leave nothing in here so company details in crm works*/
.instantSearch {

}

.backDrop .instantSearch .col1 {
	text-align: right;
}

.instantSearch .col1 { /*width:280px;*/
	padding-right: 3px;
}

.instantSearch .col2 input {
	width: 330px;
}

.instantSearchResults {
	clear: both;
	position: absolute;
	z-index: 3;
}

.instantSearchResults .col1 {
	
}

.instantSearchResults select {
	border: 1px solid black;
	width: 335px;
}

.theChart {
	position: relative;
	z-index: 1;
	text-align: center;
}

.theChartJP {
	position: relative;
	z-index: 1;
	text-align: left;
}

/****************** CRM Styles ************************/
#crmStyles .companyDetailsPageTab1 .col1 {
	width: 120px;
}

#crmStyles  .small .instantSearch .col1 {
	width: 0px;
}

#crmStyles .companyDetailsPageTab1 .instantSearch .col2 input {
	
}

.halfBox1staff {
	width: 48%;
	float: right;
}

.halfBox2staff {
	width: 50%;
	float: left;
}

/****************** Membership Styles ************************/
.membershipStyles .currentPeriod {
	color: green;
}

/****************** Event Styles ************************/
.eventStyles .col1{

}
.eventStyles .pageTextContainer {
	clear: both;
	margin-bottom: 1em;
	margin-top:1em;
}
.eventStyles .adminPages{
	font-size:11px;	
}
.eventStyles .adminPages .eventDetailsContainer{
}

.eventStyles .adminPages .eventManagementContainer{
}
.eventStyles .adminPages .col1{
		width:100px;
}
.eventStyles .adminPages .eventManagementContainer .col1, .eventStyles .adminPages .groupsPage .col1{
	width:auto;
	margin-right:10px;
}
.eventStyles .adminPages .eventManagementContainer .col2 input, .eventStyles .adminPages .groupsPage .col2 input{
	width:60px;
}
.eventStyles .adminPages .tableHeader{
	background-color:transparent !important;
	border-bottom:1px solid black  !important;
	color:#000;
	margin-bottom:5px;
}

.eventStyles .inviteePages .tableHeader{
	background-color:#666 !important;
	color:#fff;
}

.eventStyles .adminPages input.multiChoiceInput{
	width:240px;
}
.eventStyles .publicPages .col1{
	width:220px;
}

.eventStyles .publicPages .activityLeft{
	float:left;
	width:59%;
}
.eventStyles .publicPages .activityLeft .col1{
	width:80px;
	text-align:right;
	margin-right:10px;
}

.eventStyles .publicPages .activityRight{
	float:right;
	width:40%;
}
.eventStyles .publicPages .longDescriptionContainer{
	clear:both;
	margin-top:1em;
}

.eventStyles .totalsContainer{
	width:300px;
	float:left;
}

.eventStyles .activitiesPage .col1{
	width:100px !important;
}
.eventStyles .fullEventMsg {
	background-color: #990000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding:2px;
}

.eventStyles .registerEventMsg{
	text-align: center;
}

.eventStyles .adminPages .userOptionsPage .userOptionsFieldName input{
	width:280px;
}

.eventStyles  .incompleteStatus, .eventStyles .notRegisteredStatus {
	background-color: #fdbfbf;
	text-align:center;
	padding:1px;
}

.eventStyles .completeStatus {
	background-color: #77db7f;
	text-align:center;
	padding:1px;
}

.eventStyles .eventsListDescription{
	margin-bottom:1em;	
}

.eventStyles .registrationNotAllowedText{
	margin:1em 0em 1em 0em;
	background-color: #fffe88;
	padding:2px 5px 2px 5px;
}


.eventStyles .giveBackText{
	position:relative;
}

.eventStyles input.giveBackRemoveButt{
	background-image: url(../../site/images/common/backPattern-giveback.jpg);	
}

.eventStyles .eventDetailsSummary{
	font-size:11px;	
}

/**************************************************************/
/*                  SUCCESS STORY/ITEMS                       */
/**************************************************************/
.successItem_detailPageContainer {
	margin-bottom:40px;
}

.successItem_detailPageName {
	float:left;
	margin-right:50px;
}

.successItem_detailPageProgram {
	float:left;
}


/************ List Serve Styless ***************/


.lsStyles .lsCatName {
	float: left;
	width: 40%;
	padding-right: 5px;
	font-weight: bold;
	
}

.lsStyles .lsDesc {
	width: 57%;
	float: left;
	padding-top:5px;
}

.lsStyles .lsHomePage .halfBox {
	margin-bottom: 1em;
	height: 130px;
	background-color: #ebebeb;
	margin-right: 10px;
	padding: 5px;
	width: 47%;
}
.bottomButtonBox{
	text-align:right;	
}
.bottomButtonBox form{
	display:inline;	
}

.iButton{
	border:4px solid #f0f0f0;
	padding:3px;
	font-weight:bold;
	font-size:13px;

}
.customContentContainer{
	clear:both;	
}



/**************************************************************/
/*                       USER STYLES                          */
/**************************************************************/

.userStyles{
	height:100%;
	clear:both;
}

.userStyles #bannerAddrGroup {
	float:left;
	width:50%;
}

.userFieldGroupHeader {
	font-weight: bold;
}

.userStyles #addrGroup {
	float:left;
	width:50%;
}

.userFieldGroup {

}

.userContactAdmin .pendingApprovalBox{
	float:left;
	display:none;
}

.userContactAdmin .totalUsersBox{
	float:left;
	display:none;	
}

.userAdmin .totalUsersBox{
	float:left;
}

.userAdmin .pendingApprovalBox{
	float:left;
}


.userStyles h3{
	text-transform:uppercase;	
}

.userStyles .notEditable {
	font-weight: bold;
}

.userStyles #sap_defaultGroup {
	height: 100%;
	float: left !important;	
	width: 59% !important;
}

.registerPage .userStyles .col1{
	width:130px;	
}

.userStyles .col1{
	width:200px;	
}

.userStyles #sap_defaultGroup .col1{
	/*width:155px;*/
}

.userStyles #sap_optionalInfoGroup {
	height: 100%;
	float: right !important;
	width: 37% !important;
	background-color: #ddd;
	padding:1em;
}

.userStyles #sap_optionalInfoGroup .col1{
	width:150px;
}

.userStyles #sap_optionalInfoGroup .col2 input, .userStyles #sap_optionalInfoGroup .col2 select {
	width:150px;
}

.userStyles .titleBox{
	background-color:#bbb;
	padding:.25em;
	font-weight:bold;
	height:100%;
}
.userStyles .contentBox{
	padding:.5em !important;
	background-color:#ebebeb;
	height:100%;
	margin-bottom:1em;
}

.userStyles .buttEditUserEvents{
	display:none;	
}

.userStyles .passwordContainer{
	width:410px;
	margin-top: 2em;
}

.userStyles .userProfilePage .passwordContainer{
	width:500px;
	margin-top: 2em;
}

.myAccountView .passwordContainer{
	width:500px !important;
	margin-top: 2em;
}

.userStyles .userTypeSelect select {
	width: 300px;
	font-size:11px;
}

.userStyles .userPermissionsContainer .col1 {
	width: 555px;
}

/**************************************************************/
/*                       Eval STYLES                          */
/**************************************************************/

#evalStyles .col1 {
	width:160px;	
}

#evalStyles .col1bb {
	width:250px;
	float: left;
	width: 255px;
	margin-bottom: 2px;
}

#evalStyles .evalCriteriaSection {
}

#evalStyles .lastColumn {
	text-align: right;
	width: 200px;
}


#evalStyles .evalCriteriaSection .col1{
	width:675px;
	padding-right:15px;
}


#evalStyles .evalCriteriaTitle{
	margin-top:2em;
	margin-bottom:1em;
	clear:both;
}

#evalStyles .evalNotes{
	width:450px;
	height:200px; 
}

.evalCommentsNotes{
	width:650px;
	height:100px; 
}

#evalStyles .submittedStatus, #evalStyles .failedStatus{
	background-color: #ff7b7b;
	text-align:center;
	padding:1px;
}

#evalStyles .inProgressStatus{
	background-color: #cecece;
	text-align:center;
	padding:1px;
}
#evalStyles .completeStatus, #evalStyles .passedStatus{
	background-color: #77db7f;
	text-align:center;
	padding:1px;
}
#evalStyles .completeStatus{
	background-color: #cecece;
}
#evalStyles .passedStatus, #evalStyles .failedStatus{
	padding:3px 11px 3px 11px;
	font-weight:bold;
}
#evalStyles .notStartedStatus{
	background-color: #cecece;
	text-align:center;
	padding:1px;
}

/**************************************************************/
/*                       Rewards STYLES                       */
/**************************************************************/

#rewardStyles .col1{	
	width:120px;
}


/**************************************************************/
/*                     Attendance STYLES                      */
/**************************************************************/

#attendStyles {
}


#attendStyles .markedBox a, #attendStyles .notMarkedBox a{
	color:#000;
}

#attendStyles  .markedBox {
	background-color: lightblue;
	text-align:center;
	padding:1px;
}
#attendStyles .notMarkedBox{
	background-color: #fdbfbf;
	text-align:center;
	padding:1px;
}
#attendStyles li.termList{
	list-style:none;	
}
#attendStyles  .studentDetailsBox .col1{
	width:80px;
}
#attendStyles  .absentBox {
	background-color: #fdbfbf;
	text-align:center;
	padding:1px;
}
#attendStyles  .lateBox {
	background-color: #fffe88;
	text-align:center;
	padding:1px;
}


/***** FITT ADVANCED CRM ******/

.acrmStyles .statuses{
	font-weight:bold;
}
.acrmStyles .statusName{
	text-transform:uppercase;	
}

.acrmStyles .statusHeader{
	border:1px solid #999;
	padding:10px 0px 0px 10px;
}
.studentInfoBox{
	padding:10px;
}
.studentInfoBox .col1{
	width:100px;
}
.studentInfoBox .col2 input{
	width:100px;
}

.studentInfoBox .firstBox .col1{
	width:130px;
}

input.phone_areaCode{
	width:30px;
}
input.phone_num{
	width:197px;
}

input.phone_workNum{
	width:147px;
}

.acrmStyles .col1{
	width:150px;	
}



/**********************
	TABLE CONTAINER
***********************/

table.tableContainer {
	border:1px solid #e2e2e2;
	border-collapse: collapse;
}

.tableContainer .tableContainer-header {
	background-color:#7c7c7c;
	color:#fff;
}

.tableContainer .tableContainer-header2 {
	background-color:#9f9e9e;
	color:#fff;
}

.tableContainer td {
	padding:5px;
	vertical-align:top;
}

.tableContainer .cellColour-1 {
	background-color:#f5f5f5;
}

.tableContainer .cellColour-2 {
	background-color:#fff;
}

/*****/




/***********************************************/
/*MINI LOGIN STYLES         ********************/
/***********************************************/
.miniLoginContainerTitleBox{
	display:none;	
}

.miniLoginContainer{
	display:inline;
}

.miniLoginContainer .titleBox{
	display:none;
}

.miniLoginContainer .contentBox{
	vertical-align:middle;
}

.miniLoginContainer .welcomeBox{
	margin-top:5px;
	font-size:12px;
}

.miniLoginContainer .messageBox{
	display:none;
	margin-top:1em;
	margin-bottom:2em;
}

.miniLoginContainer .optionsBox{
	margin-top:2px;
}

.miniLoginContainer .idContainer{
	float:left;	
}

.miniLoginContainer .idTitleBox{
	float:left;
	width:60px;
}

.miniLoginContainer .idFieldBox{
	display:inline;
}

.miniLoginContainer .passwordContainer{
	float:left;
}

.miniLoginContainer .passwordTitleBox{
		float:left;
		width:60px;
}

.miniLoginContainer .passwordFieldBox{
	display:inline;
}

.miniLoginContainer .submitButtonBox{
	float:left;
}

.miniLoginContainer A.loginFont:link{ 
	font-size:9px;
	text-decoration: none;
}

.miniLoginContainer A.loginFont:active { 
	font-size:9px;
	text-decoration: underline;
}
	
.miniLoginContainer A.loginFont:visited{ 
	font-size:9px;
	text-decoration: none
}
	
.miniLoginContainer A.loginFont:hover { 
	font-size:9px;
	text-decoration: underline;
}

.loginPageContainer .optionsBox{
	display:inline;
}

.loginPageContainer .passwordFieldBox{
	display:inline;
}

.loginPageContainer .submitButtonBox{
	display:inline;
}

.loginPageContainer A.loginFont:link{ 
	font-size:9px;
	text-decoration: none;
}

.loginPageContainer A.loginFont:active { 
	font-size:9px;
	text-decoration: underline;
}

.loginPageContainer A.loginFont:visited{ 
	font-size:9px;
	text-decoration: none
}

.loginPageContainer A.loginFont:hover { 
	font-size:9px;
	text-decoration: underline;
}


select.candidateProvinceValue{
	width:300px;
}


/***********
	MISC.
************/

hr.dividerHR {
	background-color:#d9d9d9;
	color:#d9d9d9;
	height: 1px;
	width: 95%;
	margin-top:20px;
	margin-bottom:20px;
}

.attentionContainer {
	padding:7px;
	background-color:#f5f5f5;
	text-align:left;
	width:95%;
}

/*****/


/**********************
	NEW JOB POSTING MODULE
***********************/

td.contrastlistItemNP {
	vertical-align: top;
	font-size: 12px;
	background-color: #ddd;
	padding: 3px;
	padding-bottom: 2px;
}

.NPfeaturedItemsContainer {
	width: 100%;
	clear: both;
}


#NPfeaturedItemsContainer .featuredItemsBox {
	padding: .5em;
	margin-right: .25em;
	height: 180px !important;
	border: 1px solid #dcdcdc;
	float: left;
	width: 155px !important;
}

#NPfeaturedItemsContainer .featuredItemsBox .imageBox img {
	display: inline;
	border: 1px solid black;
	margin: 0px;
}

#NPfeaturedItemsContainer .featuredItemsBox .detailsBox {
	text-align: left;
}

.homeTop{
	margin-bottom:5px;
	color:#fff;
}

.homeBottom{
	color:#fff;
}

.homeQuad1{
	width:47%;
	float:left;
	color:#000;
	margin-right:10px;

}

.homeQuad2{
	width:47%;
	float:left;
	margin-left:2px;
	color:#fff;
	
}

/*****/



/***********************
	DASHBOARD
************************/

.acrmStyles .homeQuad2{
	float:right;
}

.thirdsBoxdash {
	width: 38%;
	float: left;
}

.twoThirdsBoxdash{
	width:60%;
	float: right;
}

/*****