/* Vespoli: Recruiting CSS  */
/* Shannon-Rose Design 2009 */

.wideColumn {
	background: none!important;
}
.contentLeftWide {
	width: 900px!important;
	background-color: #fff;
}
.interiorContentWide {
	width: 810px!important;
}

/* Landing page */
div#topMessage {
	margin-top: 14px;
}
div#topMessage h3 {
	margin-bottom: 12px;
}
div#topMessage p {
	font-size: 12px;
	line-height: 19px;
}
div.featuresList {
	float: left;
	display: inline;
	width: 282px;
	padding: 12px 0;
	min-height: 21.5em;
	background-color: #C4D5E5;
}
#interiorContent div.featuresList h3 {
	margin-bottom: 5px;	
	padding-left: 10px;
	padding-right: 10px;
}
#interiorContent div.featuresList ul {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0;
}
#interiorContent div.featuresList ul li {
	margin-left: 15px;
	line-height: 14px;
	padding: 3px;
}
p.signupLinkBoxes {
	background-color: $FFF;
	margin: 0 0 1em 0;
}
p.signupLinkBoxes a {
	display: block;
	font-size: 14px;
	font-weight: bold;
}
a#accessRecruitingTools { /* Access tools link */
	display: block;
	font-size: 14px;
	padding: 0 6px;
	line-height: 24px;
	background-color: #FFF;
	border: 1px solid #666;
	text-decoration: none;
	text-align: center;
	margin-bottom: 14px;
}
a#accessRecruitingTools:link, a#accessRecruitingTools:visited {
	color: #456c8c;
	border-color: #456c8c;}
a#accessRecruitingTools:hover {
	color: #111;
	border-color: #279af3;
	background-color: #F7F7F7;
}

/* Login Box */
table#loginBox {
	width: 200px;
	background-color: #CCC;
	margin-bottom: 1em;
}
table#loginBox td {
	padding: 0 0 4px 4px;
	line-height: 14px;
	text-align: left;
}
table#loginBox tr.topRow td {
	padding-top: 8px;
}
table#loginBox tr.bottomRow td {
	padding-bottom: 6px;
}
table#loginBox td.titleRow {
	font-size: 12px;
	font-weight: bold;
}
table#loginBox input.loginField {
	width: 130px;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
}
table#loginBox tr.badLogin td {
	padding-left: 8px;
	padding-right: 8px;
}
table#loginBox tr.badLogin td strong {
	color: #990000;
}
table#loginBox tr.badLogin td a { /* forgot password link */
	font-weight: bold;
	display: block;
	padding-top: 5px;
}


/* Forms */
#interiorContent form p {
	margin: 0 0 5px;
	clear: both;
}
#interiorContent form strong {
	float: left;
	display: inline;
	width: 200px;
	margin: 0 5px 0 0;
	font-weight: normal;
}
#interiorContent form strong.formLabelShort {
	width: 75px;
}
#interiorContent form strong.formLabelMid {
	width: 115px;
}
input.checkBoxIndent {
	margin: 5px 5px 0 15px;
}
input.checkBoxNoIndent {
	margin: 0 5px 0 15px;
}
input.checkBoxNoIndentLeft {
	margin: 0 5px 0 0;
	border: none;
	width: auto;
}
input.radioButton {
	margin: 0 10px 0 0;
	border: none;
/*	width: auto; */
}
input[type="text"], input[type=password] {
	border: 1px solid #373737;
}
input.textBoxMid {
	width: 160px;
}
input.textBoxShort {
	width: 50px;
}
input.formButton {
	width: auto;
	padding: 2px 4px;
	float: left;
	display: inline;
}
.noFloat { float: none!important; }
textarea {
	width: 325px;
	height: 150px;
	border: 1px solid #373737;
}
textarea.videoEmbedCode { height: 60px; width: 300px; }
.marginLeft205 {
	margin-left: 205px!important;
}
.marginLeft115 {
	margin-left: 120px!important;
}
.marginLeft75 {
	margin-left: 80px!important;
}


a.fancyGroup {
	float: left;
	display: inline;
	margin: 0 5px 5px 0;
	width: 100px;
	height: 100px;
}
.recruitProfile p {
	margin: 0 0 10px!important;
}
.recruitProfile h3 {
	margin: 20px 0 0;
}
div#statusBox {
	background-color: #F7F6C0;
	padding: 10px 14px;
	margin-bottom: 1.5em;
}
div#statusBox p {
	margin-bottom: 0;
}
p strong.stronger {
	font-size: 1.33em;
}

/* profile settings */
a.squareButton {
	border: 1px solid #999;
	padding: 4px 6px;
	text-decoration: none;
}
a.delete:link, a.delete:visited {
	color: #CC0000!important;
}
a.delete strong {
}
h1#hasRightButton {
	float: left;
	width: 460px;
}
a#previewButton {
	font-size: 12px;
	white-space: nowrap;
	text-transform: none;
	letter-spacing: normal;
	float: right;
	display: block;
}

span.required {
	font-size: 9px;
	color: #3399CC;
	font-style: italic;
	padding-left: 7px;
}

/* Inline red inputs */
.errorRed {
	border-color: #C13333;
	color:#CC0000;
}
input.errorRed {
	background-color: #FFC1C1;
	border-color: #C13333;
}
select.errorRed {
	border: none;
	background-color: #FFC1C1;
	border-color: #C13333;
	font-size: 12px;
}

/* Full-on Error messages */
div#reporting {
}
div#reporting h3 {
	color:#CC0000!important;
	font-size: 13px;
	margin-top: 1em;
}
div#reporting ul {
	color:#CC0000!important;
}
div#reporting li {
	color:#CC0000!important;
}

/* Submit mesages */
span.submitMessage {
	font-size: 13px;
	padding: 4px 6px;
	margin-left: 8px;
	float: left;
	display: inline;
}
span.personalEditSuccess {
	color: #009900;
	background-color: #CCFF99;
}
span.personalEditFail {
	color:#CC0000;
	background-color: #FFC1C1;
}



/* Signups */
form.signupForm {
	border-top: 1px solid #CCC;
	padding-top: 1em;
}
form.signupForm fieldset, form.profileForm fieldset {
	border: 1px solid #CCC;
	margin: 0 0 1em -10px;
	padding-left: 10px;
}
form.mediaForm fieldset {
	margin-left: 0;
	background-color: #F7F7F7;
}
form.signupForm legend, form.profileForm legend {
	font-size: 10px;
	font-weight: bold;
}



/* Students - personal info */
span#positionIds {
	margin-left: -15px;
}

/* Athletic Info */
a.ERGbuttons {
	display: block;
	width: 270px;
	border: 1px solid #999;
	font-size: 11px;
	line-height: 20px;
	float: none;
	text-decoration: none;
	padding: 0 0 0 8px;
	margin: 6px 0 6px 120px;
}
a.ERGbuttons:link, a.ERGbuttons:visited {
	color: #333;
	color: #006633;
}
a.ERGbuttons:hover {
	color: #666;
	background-color: #e4e4e4;
}
#interiorContent form a.ERGbuttons strong {
	float: none;
	width: auto;
	margin: 0;
	font-weight: bold;
}

/* Media Page */
#mp3Wrap { margin: 0 0 5px; }
#interiorContent p.mediaImageWrap { float: left; display: inline; margin: 0 10px 10px 0!important; text-align: center; width: 100px; clear: none!important; }
h3.mediaTitle {
	background-color: #999;
	color: #FFF!important;
	line-height: 24px!important;
	margin-bottom: 10px;
	padding-left: 8px;
}
fieldset#addVideo p {
}
.profileVideoWrap { margin: 0 0 25px; }
.profileVideoWrap a.squareButton { margin: 0 90px 0 10px; float: right; }


/* Find Recruits */
div#searchFilters {
	background-color: #E4E4E4;
	padding: 14px 0 0 14px;
}
#searchFilters h2 {
	font-size: 14px;
	letter-spacing: normal;
	text-transform: none;
}
#searchFilters table {
	border: 1px solid #bbb;
	border-bottom: none;
	width: 380px;
}
#searchFilters td {
	padding: 4px;
	vertical-align: top;
	border-bottom: 1px solid #bbb;
	width: 280px;
}
#searchFilters td.leftCell {
	padding-right: 0;
	font-weight: bold;
	width: 96px;
}
div.searchCol {
	width: 380px;
	float: left;
	margin-right: 14px;
	margin-bottom: 14px;
}
span.regionWraps {
/*	white-space: nowrap; */
}
input.hasDatepicker {
	float: left;
	margin-right: 5px;
}
#searchFilters input#datepicker { /* datepicker input */
	float: left;
	display: inline;
	margin-top: 10px;
}
#interiorContent form img.ui-datepicker-trigger { /* Date picker icon */
	float: left;
	display: inline;
	margin: 10px 0 5px 0;
	border: none;
	display: none;
}

div#buttonRow {
	clear: both;
	background-color: #999;
	margin-left: -14px;
	padding: 8px 0;
	text-align: center;
}
div#buttonRow input {
	background-color: #FFF;
	color: #333;
	border: 1px solid #666;
	width: 100px;
	margin: 0 20px 0 0;
	padding: 2px;
}

/* Find Recruits Table Styles */
#recruitTable {
	margin: 14px 0 0;
	width: 810px;
}
#recruitTable th {
	font-weight: bold;
	padding: 4px;
}
#recruitTable td {
	padding: 2px 2px 2px 4px;
	border-bottom: 1px solid #E4E4E4;
}
#recruitTable td.oddRow {
	background-color: #f7f7f7;
}
#recruitTable a.orderTable img {
	vertical-align:bottom;
}
#recruitTable a#sortBy img {
	border-color: #00CCFF!important;
}
#pagination {
	margin-top: 1em;
	font-size: 12px;
}
#pagination a {
	padding: 0 8px 0 0;
}
a#pageNavHere {
	text-decoration: none;
	color: #666;
}




/* Profile page */
#interiorContent.recruitProfile p,
#interiorContent.recruitProfile ul,
#interiorContent.recruitProfile li,
#interiorContent.recruitProfile h4 {
	clear: both;
}
#interiorContent.recruitProfile h4 {
	color: #000;
}
#interiorContent.recruitProfile ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#interiorContent.recruitProfile li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
#interiorContent.recruitProfile strong {
	color: #456c8c;
	float: left;
	display: inline;
	width: 120px;
}
#interiorContent h1 a#profileLinkBack {
	display: block;
	font-size: 13px;
	line-height: 18px;
	width: 12em;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	border: 1px solid #999;
	padding: 0 6px;
}
small#clickToEnlarge {
	display: block;
	margin: -4px 0 5px;
}

/* Welcome Page */
div#welcomeButtonCol {
	float: left;
	display: inline;
	width: 174px;
}
div#welcomeButtonCol.caochesWelcome {
	float: none;
	display: block;
}
div#welcomeButtonCol a {
	display: block;
	font-size: 15px;
	line-height: 29px;
	text-align: center;
	border: 1px solid #456c8c;
	margin-bottom: 10px;
	text-decoration: none;
}
div#welcomeButtonCol a:link, div#welcomeButtonCol a:visited {
	color: #456c8c;
	border-color: #456c8c;
	background: #e3e1e1 url(/recruiting/imgs/welcomeButtonBkgd.jpg) repeat-x 0 0;
}
div#welcomeButtonCol a:hover {
	color: #111;
	border-color: #279af3;
	background-color: #F7F7F7;
	background-image: none;
}
div#welcomeCopyCol {
	float: right;
	width: 380px;
}
div#welcomeCopyCol.caochesWelcome {
	float: none;
	width: 100%;
	margin-bottom: 24px;
}
div#welcomeCopyCol h2 {
	font-size: 17px;
	text-transform: none;
	letter-spacing: normal;
	font-weight: normal;
	color: #456c8c;
}
div#welcomeCopyCol ul#missingFields {
	margin-top: -8px;
}
div#welcomeCopyCol ul#missingFields li {
	color: #CC0000;
	line-height: 22px;
}
div#welcomeCopyCol ul#missingFields a {
	color: #990000;
	background-color: #F7F6C0;
	padding: 4px 6px;
}

/* SideBar Ads */
#interiorSideBar div.recruitingAd {
	height: 154px; /* 170 actual */
	padding: 8px;
	margin: 0 0 14px;
	border: 1px solid #279af3;
	color: #FFF;
	background-color: #666;
}
#interiorSideBar div.recruitingAd h4 {
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 6px;
	font-weight: bold;
	color: #FFF;
}
#interiorSideBar div.recruitingAd p {
	margin: 0;
	line-height: 14px;
	color: #FFF;
}
#interiorSideBar div.recruitingAd a {
	display: block;
	margin: 7px 0;
	padding: 4px 6px;
	text-decoration: none;
	float: left;
	display: inline;
	background-color: #fbe72e;
	border: 1px solid #FFF;
	font-size: 11px;
	font-weight: bold;
}
#interiorSideBar div.recruitingAd a:link, #interiorSideBar div.recruitingAd a:visited {
	color: #000;
}
#interiorSideBar div.recruitingAd a:hover {
	color: #FFF;
}

/* ADS - MODIFIED FOR COLORS */
div.blackAd  { /* default */
	background: #232323 url(/recruiting/imgs/ads/black.jpg) no-repeat 0 0;
}
div.redAd {
	background: #4c1818 url(/recruiting/imgs/ads/red.jpg) no-repeat 0 0;
}
div.greenAd {
	background: #30532d url(/recruiting/imgs/ads/green.jpg) no-repeat 0 0;
}
div.blueAd {
	background: #1d638c url(/recruiting/imgs/ads/blue.jpg) no-repeat 0 0;
}
div.purpleAd {
	background: #463b50 url(/recruiting/imgs/ads/purple.jpg) no-repeat 0 0;
}
div.whiteAd {
	background: #e9e8e8 url(/recruiting/imgs/ads/white.jpg) no-repeat 0 0;
}
div.ltBlueAd {
	background: #93a9c3 url(/recruiting/imgs/ads/ltBlue.jpg) no-repeat 0 0;
}
div.ltBlueAd p ,div.ltBlueAd h4,
div.whiteAd p, div.whiteAd h4  {
	color: #000!important;
}


ul.tabbedNavigation li { display: inline; font-size: 12px; margin: 0 15px 0 0; }
.statsColumn { float: left; display: inline; width: 250px; margin: 0 15px 0 0; }
.statsColumn h3 { font-size: 14px; font-weight: bold; }
.statsColumn li { font-size: 12px; margin: 3px 0 0; }