/* -------------------------------------------------------------- 
  
  Main: Section  @ 2colomn / dashboard
   
-------------------------------------------------------------- */
section.section_list aside.iconSet {
  text-align: center; }
section.section_list:hover > div.info {
  background-color: rgba(0, 152, 212, 1); }
section.section_list div.info {
  padding: 1em 1em 0; }
  section.section_list div.info h1 {
    font: lighter 4.4em/1.22 "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 0.1em 0; }
    section.section_list div.info h1 a:link, section.section_list div.info h1 a:visited {
      text-decoration: none;
      color: #333;
      padding: 0 0 0px 0;
      border-bottom: 2px solid none; }
    section.section_list div.info h1 a:hover, section.section_list div.info h1 a:active {
      color: #fff;
      border-bottom: 2px solid #fff; }
  section.section_list div.info h3 {
    font: 300 1.4em/1.35 "Helvetica Neue", Helvetica, Arial, sans-serif; }

section.section_group {
  float: left;
  width: 100%;
  min-height: 11.16734em;
  -webkit-transition: heigth 0.4s ease-out;
  -moz-transition: heigth 0.4s ease-out;
  transition: heigth 0.4s ease-out;
  margin:1em 0 0;
  /*&:nth-of-type(2n) {
  	background-color:lighten($base-font-color,50%);
  }*/ }
  section.section_group div.article-content {
    float: right;
    width: 66.66667%;
  margin:1em 0 0; }
  
  section.section_group div.group_container {
    clear: both; }
  section.section_group div.group_title {
    float: left;
    width: 33.33333%;
    padding: 0.2em 1em 0 0;
    margin-right: 0; }
    section.section_group div.group_title h2 {
      margin-right: 0;
      float: left;
      width: 65%;
    /*  font: lighter 2.4em/1.22 "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: rgba(0, 152, 212, 1);*/ }
	  section.section_group div.group_title h2.inactive:before {
		   border-bottom: 3em solid yellow;
    content: "";
    cursor: help;
    left: -1em;
    margin: -3em 0 0;
    opacity: 0.5;
    padding: 2em 0 0;
    position: absolute;
    width: 30%;
		  }

    section.section_group div.group_title aside {
      width: 20%;
      margin-right: 0;
      float: right;
      text-align: center;
      position: relative;
      bottom: 0.45em;
	  }
      section.section_group div.group_title aside [data-icon]:before {
        content: attr(data-icon);
        font-family: 'themify';
        font-size: 2em;
        line-height: 2.3em;}
      section.section_group div.group_title aside a:link, section.section_group div.group_title aside a:visited {
        float: left;
        margin: 0 auto;
        text-decoration: none;
        color: #d9d9d9;
        width: 70%;
        border-bottom: 1px solid #d9d9d9; }
        section.section_group div.group_title aside a:link:last-child, section.section_group div.group_title aside a:visited:last-child {
          border-bottom: none; }
      section.section_group div.group_title aside a:hover, section.section_group div.group_title aside a:active {
        color: rgba(0, 152, 212, 1); }
  section.section_group article.col1-2, section.section_group article.col2-2 {
    float: left;
    width: 100%;
    margin-right: 0;
/*    padding: 1em 1em 0;*/
	}
    section.section_group article.col1-2 p, section.section_group article.col2-2 p {
      font: 300 1.4em/1.35 "Helvetica Neue", Helvetica, Arial, sans-serif; }
    section.section_group article.col1-2 strong, section.section_group article.col2-2 strong {
      font-weight: 700; }
    section.section_group article.col1-2 h3, section.section_group article.col2-2 h3 {
      font: 700 1.4em/1.35 "Helvetica Neue", Helvetica, Arial, sans-serif; }
  section.section_group article.col1-2 {
    width: 50%;
    margin-right: 0; }
.group_container .article-content p {
    font-size: 1.2rem;
}
/* -------------------------------------------------------------- 
  
  Participation List:  View date + data
   
-------------------------------------------------------------- */
ul.date_list, ul.data_list {
	width:100%;
	display:block;
	list-style:none;
	font-size:1.4em;
}
ul.date_list li, ul.data_list li {
	margin:0 0 4px;
}
 ul.data_list li.highlight {
    background: #0c96d4 none repeat scroll 0 0;
	color:#fff;
}
ul.date_list li span, ul.data_list li span {
	border-right: 3px solid #666;
    display: inline-block;
	width:30%;
	font-weight:700;
	margin: 0 10px 0 0;
	padding:3px 10px 3px 0;
	text-align:right;
}
ul.date_list li:nth-of-type(2n+1) {
	background:#e5e5e5;
}

table.listview th.attConfirm {
    background: #fff url("../img/food_icons.png") no-repeat scroll 5px -211px;
    border: medium none;
    display: block;
    height: 25px;
	margin: 14px 0 0 11px;
}


table.listview a.cs_icon:link, table.listview  a.cs_icon:visited {
	background-image:url('../img/food_icons.png');
	background-position:5px 0px;
	background-repeat:no-repeat;
    display:block;
    float: left;
    height: 25px;
    text-indent: -9999px;
    width: 100%;
    margin: 8px 0 0 11px;
}

table.listview  a.cs_icon:hover, table.listview  a.cs_icon:active {
	opacity:1.0;
}
table.listview  a.attended:link, table.listview  a.attended:visited {
	background-position: 5px -211px;
}
table.listview  a.register:link, table.listview  a.register:visited {
	background-position: 5px -186px;
}
table.listview  a.register:hover, table.listview  a.register:active {
	/*background-position: 5px -211px;
	opacity:0.5;*/
}

table.listview a.confirm:link, table.listview a.confirm:visited {
    background-position: 5px -211px;
    visibility: visible;
	-webkit-opacity: 0.25;
	-moz-opacity: 0.25;
	filter:alpha(opacity=25);
	opacity: 0.25;
}

table.listview tr:nth-child(2n+3) {
    background-color: #f5f5f5;
}

table.listview td.blank {
	background-color:#fff;
	padding:0;
	border:none;
}


table.listview span.mod_highlight {
    background: #f7929a none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    left: -1.2em;
    margin: 0 -10px 0;
    padding: 10px;
    position: relative;
    top: 4px;
    transition: background 0.6s cubic-bezier(0.7, 0.01, 0.3, 1) 0s;
}

table.listview span.mod_highlight:hover {
	background: #C80257;
	cursor:context-menu;
}

a.action_btn:link, a.action_btn:visited {
    background-color: #093;
    border: medium none;
    color: #FFFFFF;
    font: 400 1.6rem/0 Helvetica,Arial,sans-serif;
    padding: 1.5rem 1rem;
    text-decoration: none;
	float:left;
  transition: background-color 0.5s ease-out;
}
a.action_btn:hover, a.action_btn:active {
    background-color: #060;
}

/********************************* AUTOCOMPLETE Section************************************/
  ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#0c96d4;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#FF0;
	font-size:bold;
}


/* -------------------------------------------------------------- 
  
  My Timetable:  Action icons
   
--------------------------------------------------------------*/
.event_section ul {
    font: 1.62em/1.4 Consolas,"Andale Mono","Lucida Console","Lucida Sans Typewriter",Monaco,"Courier New",monospace;
    list-style: outside none none;
    margin: 0.5em 0 0;
}
.event_section ul strong {
    margin: 0 5px 0 0;
    text-decoration: underline;
}

.signUp_box {
    width: 55%;
}
.signUp_box a:link, .signUp_box a:visited {
    background-color: #00bb00;
    border-bottom: 6px solid #e5e5e5;
    color: #f5f5f5;
    display: block;
    font-size: 2em;
    padding: 10px 35px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0s ease 0s, border-bottom 0.4s ease-out 0s;
}
.signUp_box a:hover, .signUp_box a:active {
    background-color: #089e04;
    border-bottom: 6px solid #077c30;
}

#home_screen_box aside.sectionIcon {
      text-align: center;
	width:50px;
	display:table-cell;
	float:right;
	vertical-align:middle;
	padding:0;
	position:relative;
	top:0em;
	right:-1em;
}
#home_screen_box aside.sectionIcon [data-icon]:before {
        font-family: 'themify';
        font-size: 1.5em;
        line-height: 0em;
      content: attr(data-icon);
/*  	content: '\e600';*/
	}
#home_screen_box aside.sectionIcon a:link, #home_screen_boxaside.sectionIcon a:visited {
       color: #F00;
    height: 100%;
    margin: 0 auto;
    text-decoration: none;}
#home_screen_box aside.sectionIcon a:hover, #home_screen_box aside.sectionIcon a:active {
        color: #990000; }

span.note {
	color:#A70709;
	font-weight:700;
	padding:0 0 15px;
	display:block;
}
#critical_guide {
			padding-top: 70px; 
		}
		
#campus_locator {
	font-size:0.75rem;
	    margin-bottom: 1em;
		}
		
#critical_guide:not(:target), #campus_locator:not(:target) {
			display: none;
		}
		
#critical_guide:target, #campus_locator:target {
			display: block;
		}
#critical_guide img {
	border-bottom:4px solid #c6c6c6;
	margin:0 0 10px;
}
	#campus_locator a:link, #campus_locator a:visited {
		color:#fff;
		text-decoration:underline;
	}
/* -------------------------------------------------------------- 
  
  Main:  iconSet + sectionIcon
   
-------------------------------------------------------------- 

aside.iconSet ul {
  display: block;
  list-style: none;
  height: 100%; }

aside.iconSet li {
  height: 50%;
  background-color: #fff;
  display: block;
  width: 100%; }

aside.iconSet [data-icon]:before {
  content: attr(data-icon);
  font-family: 'themify';
  font-size: 12em;
  line-height: 1em; }

aside.iconSet a:link, aside.iconSet a:visited {
  float: left;
  height: 100%;
  margin: 0 auto;
  text-decoration: none;
  color: #666666;
  width: 100%; }

aside.iconSet a:hover, aside.iconSet a:active {
  color: rgba(0, 152, 212, 1); }

aside.sectionIcon {
  display: block;
  height: 20px;
  position: relative;
  text-align: right;
  width: 40px;
  float: right;
  right: 7px;
  top: 1px; }

aside.sectionIcon a.closeIcon:link, aside.sectionIcon a.closeIcon:visited {
  text-decoration: none;
  height: 100%; }

aside.sectionIcon a.closeIcon:link:after, aside.sectionIcon a.closeIcon:visited:after {
  font-family: 'themify';
  font-size: 7em;
  line-height: 0.4;
  height: 0em;
  padding: 4px;
  content: attr(data-icon);
  speak: none;
  color: #F00;
  text-decoration: none; }

aside.sectionIcon a.closeIcon:hover:after, aside.sectionIcon a.closeIcon:active:after {
  color: #000; }
*/
@media only screen and (max-width: 640px) {
	
	.signUp_box a:link {
		font-size:1.1rem;
	}
	.signUp_box {
		width:100%;
	}
  }

@media only screen and (min-width: 641px) and (max-width: 768px) {
	
	.signUp_box a:link {
		font-size:1.1rem;
	}
	.signUp_box {
		width:100%;
	}
	

}