/* Screen styles for The Alliance of Career Resource Professionals | ACRP (www.acrppro.org) */
/* Designed and developed by TCS Software */
/* Built August 2011 */



/*
===========================================================================
@IMPORTED STYLESHEET: css_reset
---------------------------------------------------------------------------
*/

/* default resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:100%;
	font-family: inherit;
	vertical-align: top;
}
		
:focus {
	outline: 0;
}
body {
	line-height: 1;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}



/* 2. sitewide structural styles */

.imgleft {
	margin:0 15px 8px 0;
	float:left;
	}

.imgright {
	margin:0 0 8px 15px;
	float:right;
	}

.imgcenter2 {
	margin:0 auto;
	display:block;
	}

.clearboth {
	clear:both;
	}

.clearleft {
	clear:left;
	}

.clearright {
	clear:right;
	}

#tcspromo {
	float:right;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_navigation
---------------------------------------------------------------------------
*/

/**/
/* navigation styles */	

#nav {
	background:#0096cf url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_navigation.png?ver=2) top center repeat-x;
	width:952px;
	margin-bottom:20px;
	}
	
#nav ul {
	list-style:none;
	margin:0;
	padding:4px 0 0 0;
	}
	
#nav li {
	float:left;
	margin:0;
	padding:0;
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_navdivider.png?ver=1) bottom right no-repeat;
	}

#nav li.lastitem {
	background-image:none;
	}
	
#nav a, #nav a:visited {
	display:block;
	padding:7px 12px;
	color:#fff;
	font:normal normal 15px Trebuchet MS, Helvetica, serif;
	text-decoration:none;
	}
	
#nav a:hover, #nav li:hover {
	text-decoration:none;
	color:#fff;
	background: #50b948;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50b948), to(#009270));
	background: -moz-linear-gradient(#50b948, #009270);
	}
	
#nav li a:hover, #nav li:hover, #nav li.hover, #nav li.sfhover {
	position: static;
	}
	
	
/* subnav styles */

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}

#nav li ul {
	position: absolute;
	padding:0;
	margin:0;
	overflow:hidden;
	left: -999em;
	font-size:1em;
	list-style:none;
	background-color:#009270;
	z-index:100000;
	}

#nav li ul li {
	clear:both;
	margin:0;
	padding:0;
	background-image:none;
	}
	
#nav li ul li a, #nav li ul li a:visited {
	display:block;
	width:100%;
	min-width:15px;
	padding:5px 12px;
	}
	
 #nav li ul li:hover, #nav li ul li a:hover {
	background-color:#50b948;
	width:100%;
	background-image:none;
	}	
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_structure
---------------------------------------------------------------------------
*/

/**/

body {
	background-color:#00aedb;
	text-align:center;
	font:normal normal 12px Trebuchet MS, Helvetica, sans-serif;
	color:#333;
	}

#frame {
	width:100%;
	background:#fff url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_body.png?ver=2) top center repeat-x;
	}

#header {
	width:992px;
	margin:0 auto;
	overflow:hidden;
	padding:15px 0 10px 0;
	text-align:left;
	}

#header h1 {
	margin:0;
	padding:0;
	float:left;
	}

#headerlinks {
	float:right;
	width:455px;
	overflow:hidden;
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_2coldivider.png?ver=15) top center repeat-y;
	}

#toplinks {
	float:left;
	width:253px;
	}

#toplinks .tcssearch {
	background:#e9e8e4 url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_searchphrase.png?ver=2) top left no-repeat;
	margin:0;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	}

#toplinks .search_input {
	border:none;
	background-color:transparent;
	color:#998f86;
	padding:3px 0;
	text-transform:uppercase;
	float:left;
	}

#toplinks .search_button {
	float:right;
	}

.search_button, .button, .tcsButton, .formButton {
	border:none;
	background-color:#00aedb;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:8px;
	border-bottom-right-radius:5px;
	padding:3px;
	color:#fff;
	text-transform:uppercase;
	}

.search_button:hover {
	background-color:#50b948;
	}

#toplinks ul {
	margin:10px 0;
	padding:0;
	float:right;
	list-style:none;
	}

#toplinks li {
	margin:0;
	padding:0;
	float:left;
	display:block;
	text-transform:uppercase;
	color:#e9e8e4;
	}

#toplinks li::after {
	content: "|";
	display: inline;
	}

#toplinks li.lastitem::after {
	content:"";
	}

#toplinks li a, #toplinks li a:visited {
	color:#00aedb;
	text-decoration:none;
	padding:0 5px;
	}

#toplinks li.lastitem a {
	padding-right:0;
	}

#toplinks li a:hover {
	color:#50b948;
	text-decoration:none;
	}

#sponsorblock {
	float:right;
	width:167px;
	}

#content {
	margin:0 auto;
	text-align:left;
	width:952px;
	background-color:#fff;
	padding:10px 20px 20px 20px;
	overflow:hidden;
	}

#maincontent {
	float:right;
	width:770px;
	}

#subcontent {
	float:left;
	width:162px;
	}

#frame_footer {
	width:100%;
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_footer.png?ver=5) top left repeat-x;
	}

#footer {
	margin:0 auto;
	text-align:left;
	width:992px;
	color:#fff;
	padding:25px 0;
	}

#footer a, #footer a:hover, #footer a:visited {
	color:#fff;
	}

#footer address {
	line-height:1.2em;
	}

/* ------------------------------------------------------------------------------- */
/* LOGIN ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.login-page
{
  background:#00aedb;
  background-size:cover;
  padding:25px;
  height:100%;
}

.login-container
{
  text-align:center;
}

#login-text
{
  max-width:800px;
  padding:25px 0px;
  border-bottom:0px dashed @bordercolor;
  margin-bottom:25px;
}

#login-box
{
  background:#fff;
  padding:25px;
  border-radius:10px;
  margin:0px auto;
  text-align:center;
  position:relative;
  display:inline-block;
}

#login-box input
{
  max-width:800px;
  width:100% !important;
  display:block;
}

#login-box .col-md-8.col-md-offset-2
{
  flex:none;
  max-width:100%;
  padding:0px;
}

#login-box .tcsSubHeadFont
{
  padding-bottom:15px;
  margin-bottom:15px;
  margin-top:0px;
  font-weight:900;
  color:#00aedb !important;
  border-bottom:0px;
  border-top:0px;
  border-left:0px;
  border-right:0px;
}

#login-box .tcsInputForm 
{
  border:0px solid #F0EFEF;
  padding:0px;
  border-radius:0px;
  margin-bottom:0px;
  position:static;
}

#login-box .tcsForgotPassword
{
  display:block;
  background:#51b046;
  padding:10px;
  border-radius:5px;
  position:static;
}

#login-box .tcsForgotPassword a
{
  color:white !important;
  text-decoration:none !important;
}

#login-box .tcsFormTitle
{
  display:none;
}

#login-box #login, #login-box button
{
  display:block;
  max-width:800px;
  width:100% !important;
  margin:15px 0px;
  background:#00aedb;
  color:white !important;
  text-decoration:none !important;
  padding:10px;
  border-radius:5px;
}

#new-account-button:hover
{
  background:#00aedb !important;
}

#create_account .tcs-bscommon-form-title
{
  font-size:22px !important;
}

#create_account span.input-group-addon
{
  background:#51b046 !important;
}

#login-box .container-fluid
{
  max-width:800px;
  width:100%;
  padding:0px;
}

#login-box .container-fluid .col-sm-8
{
  max-width:800px;
  width:100%;
  padding:0px;
  flex:none;
}

#login-box .container-fluid .col-sm-8 form
{
  max-width:800px;
  width:100%;
}

#login-box .container-fluid .col-sm-8 form .alert-info
{
  background:@lgrey;
  border:1px solid @bordercolor;
  color:@black;
}

#login-box .container-fluid .col-sm-8 form .tcsFormInput
{
  margin-bottom:20px;
}

#login
{
  background-color: #00aedb !important;
}

/* GENERAL SM ONLY ----------------------------------------- */
@media (max-width: 767px) 
{
  #create_account input, #create_account select, #create_account div
  {
    max-width:800px;
    width:100% !important;
  }    
}

/* LOGIN MD ------------------------------------------------- */
@media (min-width: 768px) 
{
  .login-page
  {
    padding:35px;
  }

  #loginform
  {
    max-width:800px;
  }

  #create_account, .login-page #mainPage.tcs-bscommon-main-page-area
  {
    max-width:800px !important;
  }

  #create_account label
  {
    text-align:left !important;
  }

  #login-box .container-fluid
  {
    max-width:800px;
  }
}

/* LOGIN LG ------------------------------------------------- */
@media (min-width: 992px) 
{
  .login-page
  {
    padding:50px;
  } 

  .login-page #footer
  {
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    opacity:.9;
  }

  #login-box
  {
    padding:40px;
  }

  #create_account, .login-page #mainPage.tcs-bscommon-main-page-area
  {
    width:800px !important;
  }
}

/* LOGIN XL ------------------------------------------------- */
@media (min-width: 1200px) 
{
  .login-page
  {
    padding:75px;
  }  
}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_textstyles
---------------------------------------------------------------------------
*/

/**/

h1 {
	font:normal bold 22px Trebuchet MS, Helvetica, sans-serif;
	color:#00aedb;
	margin-bottom:.4em;
	padding:0;
	line-height:1.2em;
	text-transform:uppercase;
	}

h2 {
	font:normal bold 19px Trebuchet MS, Helvetica, sans-serif;
	color:#51b046;
	margin:.6em 0 .2em 0;
	line-height:1.2em;
	text-transform:uppercase;
	}
	
h3, .tcsSubHeadFont {
	font:normal bold 16px Trebuchet MS, Helvetica, sans-serif;
	color:#007dc3;
	margin:16px 0 2px 0;
	line-height:1.2em;
	}

#subcontent h3 {
	text-transform:uppercase;
	border-bottom:2px solid #007dc3;
	padding-bottom:2px;
	}
	
h4 {
	font:normal bold 15px Trebuchet MS, Helvetica, sans-serif;
	color:#009b7b;
	margin:.4em 0 .1em 0;
	line-height:1.2em;
	}

h5 {
	color:#333;
	font:normal bold 13px Trebuchet MS, Helvetica, sans-serif;
	margin:.5em 0 .2em 0;
	line-height:1.2em;
	}
	
h6 {
	color:#333;
	font:normal bold 12px Trebuchet MS, Helvetica, sans-serif;
	margin:.5em 0 .2em 0;
	line-height:1.2em;
	}

p {
	margin-bottom: .8em;
	line-height:1.3em;
	}
	
	
ol, ul {
	margin:0 2em .6em 2em;
	}
	
li {
	margin:0 1em;
	padding:2px 0;
	line-height:1.3em;
	}
	
blockquote {
	margin:0 2em .6em 2em;
	}
	
a {
	color:#4c5899;
	text-decoration:none;
	font-weight:bold;
	}

h1 a, h2 a, h3 a {
	font-weight:normal;
	}
	
a:hover {
	color:#50b948;
	text-decoration:underline;
	}
	
a:visited {
	color:#88b183;
	text-decoration:underline;
	}

hr {
	border:none;
	border-bottom:1px solid #d0cfcb;
	margin:10px 0;
	padding:0;
	clear:both;
	}

em, i {
	font-style:italic;
	}

strong, b {
	font-weight:bold;
	}

p + h2 {
	margin-top:.4em;
	}
	
hr + h3 {
	margin:0;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_tcsstyles
---------------------------------------------------------------------------
*/

/**/

.tcsGallery .slideInfoZone h2, .homepage .tcsGallery .slideInfoZone h2 {
	font:normal bold 1em Lucida Sans Unicode, Lucida Grande, sans-serif;
	color:#fff;
	margin:0;
	padding:10px 10px 25px 10px;
	}

.tcsGallery table {
	width:100%;
	}

.tcsGallery img {
	padding:5px;
	}

.homepage .tcsGallery img {
	padding:0px;
	}

table.tcsMagicTable {
	width:100%;
	}

.tcsMagicTable td {
	padding:2px 10px 2px 0;
	}

.tcsTable_Format1 td {
	padding-bottom:10px;
	}
	
.tcslinks td, .tcsproducts td {
	padding:0 15px 15px 0;
	}
	
.tcslinks h2 {
	font-size:1.5em;
	clear:left;
	}
	
.tcsproducts h2 {
	font-size:1.5em;
	}
	
.tcscalendars h2 {
	margin:20px 0 0 0;
	clear:left;
	}

.tcsnews a, .tcslinks a, .tcscalendars a, .tcsads a, .tcsproducts a {
	color:#00a5c6;
	}

.tcsnews a:hover, .tcslinks a:hover, .tcscalendars a:hover, .tcsads a:hover, .tcsproducts a:hover {
	color:#50b948;
	}
	
.pagination {
	border-top:1px solid #9f2e21;
	padding:5px;
	background-color:#f4f0e9;
	clear:left;
	}
	
ul.tcslegend {
	margin:0 1.5em 1.2em 1.5em;
	padding:0;
	}
	
.tcsnews h3, .tcsjobs h3, .tcscalendars h3, .tcsads h3, .tcslinks h3 {
	margin:.6em 0 0 0;
	font-size:1.2em;
	text-transform:none;
	}
	
.tcslinks h3 {
	margin:.6em 0 0 0;
	}
	
.tcsproducts h3 {
	font-size:1.2em;
	margin:0;
	}
	
#subcontent .tcslinks h3 {
	font-size:1em;
	}
	
.tcsnews h4, .tcsjobs h4, .tcscalendars h4, .tcsads h4 {
	margin:0;
	font-size:1.1em;
	}

.tcscalendars h4 {
	color:#837870;
	}

.homepage .tcscalendars h5 {
	margin-top:15px;
	}
	
.tcslinks h4 {
	margin:0;
	font-size:1em;
	}
	
.tcsnews h5, .tcslinks h5, .tcsjobs h5, .tcscalendars h5, .tcsads h5 {
	margin:.8em 0 0 0;
	}
	
.tcslinks h5 {
	margin:0;
	}
	
.tcscalendars h6 {
	margin-bottom:0;
	}
	
.tcscalendars h5 + h3, .tcsnews h5 + h3, .tcscalendars h6 + h3, .tcsads h5 + h3, .tcsjobs h5 + h3, .tcscalendars h3 + h4, .tcsnews h3 + h4, .tcsads h3 + h4, .tcsjobs h3 + h4 {
	margin:0;
	}

#maincontent.hidedetails h4.tcsDetails, #maincontent.hidedetails h5.tcsDetails {
	display:none;
	visibility:hidden;
	}

.tcsGallery table {
	width:100%;
	}

.tcsproducts img {
	float:left;
	margin:0 10px 5px 0;
	}

.tcsproducts form {
	clear:left;
	}

.tcscalendars .datestamp {
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_calendar.png?ver=2) bottom right no-repeat;
	width:100px;
	margin-right:10px;
	float:left;
	text-align:center;
	clear:left;
	padding:0;
	}
	
.tcscalendars .datestamp h5 {
	padding:10px 0 15px 0;
	text-transform:uppercase;
	display:block;
	font-size:11px;
	width:100px;
	color:#485a99;
	}

.tcscalendars h5 span.bignumber {
	font:24px normal bold Trebuchet MS, Helvetica, sans-serif;
	color:#0072ad;
	}
	
.tcscalendars h6 {
	margin-bottom:0;
	}
	


/*
===========================================================================
@IMPORTED STYLESHEET: css_home
---------------------------------------------------------------------------
*/

/**/

.homepage2 #maincontent {
float:none;
	width:100%;
	}

.homepage2 #subcontent  {
	width:50%;
	}

.homepage #maincontent {
	float:left;
	width:628px;
	}

#splash {
	background:#00aedb url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_splash.jpg?ver=2) top left no-repeat;
	padding:20px 20px 20px 304px;
	min-height:160px;
	color:#fff;
	font-size:13px;
	text-align:right;
	margin-bottom:20px;
	}

#splash h2 {
	color:#fff;
	margin-top:0;
	text-transform:none;
	}

.homepage .left2col 
{
  width:304px;
}

.homepage .right2col 
{
  width:284px;
}

.home_bottom
{
  clear:both;
}

ul.features {
	float:right;
	width:284px;
	margin:0;
	padding:0;
	list-style:none;
	}

.features li {
	display:block;
	margin:0;
	padding:0;
	}

.features li a {
	display:block;
	margin:0 0 20px 0;
	padding:0;
	width:284px;
	}

.features li h3, .features li h5, .features li p {
	display:none;
	}

li.feature_join a {
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_feature_join.jpg?ver=4) top left no-repeat;
	height:128px;
	}

li.feature_join a:hover {
	background-position:0 -128px;
	}

li.feature_learners a {
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_feature_learners.jpg?ver=5) top left no-repeat;
	height:205px;
	}

li.feature_learners a:hover {
	background-position:0 -205px;
	}

.homepage #subcontent  {
	float:right;
	width:304px;
	}

.homepage #subcontent h2, .homepage .container h2, .home_bottom h2
{
  border-bottom:2px solid #51b046;
}

.homepage #subcontent h3 {
	text-transform:none;
	border-bottom:none;
	padding-bottom:0;
	}

.rsslink {
	float:right;
	padding:5px 0 0 10px;
	}

a.buttonlink {
	display:block;
	text-align:right;
	font-style:italic;
	color:#00a5c6;
	text-decoration:none;
	margin:10px 0;
	}

a.buttonlink:hover {
	color:#51b046;
	text-decoration:none;
	}


a.buttonlink::before {
	content: "> ";
	display: inline;
	color:#00a5c6;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_forms
---------------------------------------------------------------------------
*/


/**/

form dl {
	margin:10px 0;
	}
	
form dt {
	padding:0;
	margin:5px 0 2px 0;
	}
form dd {
	padding:0;
	margin:0;
	}

dl .search_input {
	border:none;
	background:#e9e8e4 url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_searchphrase.png?ver=2) top left no-repeat;
	margin:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#998f86;
	padding:3px 6px;
	text-transform:uppercase;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_classes
---------------------------------------------------------------------------
*/


/**/

.filler {
}

.container {
	overflow:hidden;
	width:100%;
	}

.left2col {
	float:left;
	width:440px;
	}

.right2col {
	float:right;
	width:440px;
	}

.leadin, h2.leadin, h3.leadin {
	marign-top:0;
	}

ul.sidenav {
	list-style:none;
	margin:5px 0;
	padding:0;
	}

.sidenav li {
	margin:0;
	padding:0;
	}

.sidenav a {
	margin:2px 0;
	padding:2px 0 2px 21px;
	min-height:18px;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/back_sidnavitem.png?ver=3) top left no-repeat;
	}

.sidenav a:hover {
	background-position:0 -25px;
	}

.sidenav a:visited {
	text-decoration:none;
	}

ul.activities {
	list-style:none;
	margin:0;
	padding:0;
	}

.activities h3 {
	margin-top:0;
	}

.activities li {
	margin:10px 0px 20px 0px;
	padding:0 0 0 40px;
	min-height:38px;
	}

.act_standards {
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/icon_standards.png?ver=6) top left no-repeat;
	}

.act_standards h3 {
	color:#009b7b;
	}

.act_sharing {
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/icon_sharing.png?ver=6) top left no-repeat;
	}

.act_sharing h3 {
	color:#00aedb;
	}

.act_training {
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/icon_training.png?ver=7) top left no-repeat;
	}

.act_training h3 {
	color:#50b948;
	}

.act_advocacy {
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/icon_advocacy.png?ver=7) top left no-repeat;
	}

.act_participation {
	background:transparent url(https://www.tcslabs2.com/aws/ACRP/am/gi/icon_participation.png?ver=7) top left no-repeat;
	}

.act_participation h3 {
	color:#4c5899;
	}

table.nicetable {
	width:90%;
	margin:5px 0;
	border:1px solid #a8a098;
	}

.nicetable td, .paddedtable td {
	padding:3px 6px;
	}

.nicetable th {
	padding:3px 6px;
	font-weight:bold;
	background-color:#a8a098;
	color:#ffffff;
	}

tr.altrow td {
	background-color:#ebeae6;
	}

.right {
	float:right;
	margin-left:20px;
	}

.subbox {
	width:243px;
	border-left:1px solid #d0cfcb;
	padding-left:20px;
	margin-bottom:20px;
	}

.directorylist {
	overflow:hidden;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px dashed #d0cfcb;
	}

.directorylist .left2col, .directorylist .right2col {
	width:319px;
	}

.directorylist h5 {
	clear:both;
	margin-top:10px;
	}