/* SITE WIDE SETTINGS */
body {
    font-family: Arial;
    font-size: 10pt;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}


a {
    color: #5E5E7F;
    text-decoration: none;
    color: #0089af;
    cursor: pointer;
}

a:hover {
    color: #5E5E7F;
    text-decoration: underline;
}


ul {
	list-style-type:none;
	overflow:hidden; 
	
}

ul li:before {
	/*color:gold !important; */
	content:"\25A0";

	 
	padding-right:15px;
	padding-bottom:50px;
	margin-bottom:100px;
}


li:after {
	color: #666;
	font-family: 'Open Sans';
	font-weight: 200;
	margin-left:25px;
	overflow:hidden;
}

img {
    border: none;
}

label {
    font-weight: bold;
}

/* HEADER GRAPHIC AND UofT NAV */
#header {
    background-image: url(/images/header.gif);
    height: 97px;
    width: 984px;
    margin: 0 auto;
    text-align: right;
    margin-top: 5px;
    padding-top: 3px;
    cursor: pointer;
}

#top_links a {
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
}

#top_links a:hover {
    text-decoration: underline;
}

#user_info_tab {
    background-color: #1C1C1C;
    border-top: 1px solid #F9D337;
    border-left: 1px solid #F9D337;
    border-right: 1px solid #F9D337;
    float: right;
    font-size: 8pt;
    color: #F9D337;
    padding: 5px;
    margin-top: 40px;
    text-align: center;
    margin-right: 10px;
}

#user_info_tab a {
    color: #A4A4AF;
}


/* MAIN CONTENT FRAME */
#frame {
    margin: 0 auto;
    width: 984px;
}




/* TOP NAVIGATION */
#nav {
    text-align: center;
    float: right;
    margin: 0 auto;
    width: 833px;
    height: 18px;
    background-image: url(/images/nav_bg_dark.gif);
    background-repeat: repeat-x;
    border-bottom: 1px solid #b9cad8;
    padding-top: 2px;
}

#nav a {
    color: #F9D337;
}

#nav li {
    list-style: none;
    display: inline;
    margin-left: 20px;
    margin-right: 20px;
}


/* SECTION NAME (ABOVE LEFT NAV) */
#nav_active_section {
    width: 150px;
    height: 20px;
    float: left;
    background-image: url(/images/nav_bg_light.gif);
    background-repeat: repeat-x;
    color: #000000;
    text-align: center;
    border-right: 1px solid #b9cad8;
    border-bottom: 1px solid #b9cad8;
}

#nav_active_section span {
    position: relative;
    top: 2px;
    font-weight: bold;
}


/* LEFT NAVIGATION */
#left_column {
    width: 25%;
    border-right: 1px dotted gold;
    padding: 5% 1% 5% 5%;
}

#left_column li {
    /* margin-top: 5px */;
    list-style: none;
}

#left_column a {
 color: #5E5E7F;
	
}
	

#left_column img {
    position: relative;
    top: 2px;
    margin-right: 2px;
}

#middle_column {
	width:75%;
}

/* MAIN CONTENT AREA */
#content {
    clear: both;
    margin: 0 auto;
    width: 100%;
}

.page-table {
	padding:5% !important;
}

.breadcrumb {
    font-size: 10pt;
    font-weight: 600;
}

.breadcrumb a{
    color: #5E5E7F;
}


.page_title {
    font-size: 10pt;
    font-weight: bold;
}


/* RIGHT COLUMN AREA */
#right_column {
    border-left: 2px solid #F9D337;
    width: 25%;
}

.right_column_see_all {
    margin: 10px 10px;
    text-align: right;
}

.right_column_see_all a {
    font-weight: bold;
}

#right_column_events {
    border-bottom: 1px solid #b9cad8;
}

#right_column_events_title {
    background-image: url(/images/subtitle-bg.gif);
    background-repeat: repeat-x;
    font-weight: bold;
    height: 20px;
    padding-top: 6px;
    padding-left: 7px;
}

#right_column_announcements_title {
    background-image: url(/images/subtitle-bg.gif);
    background-repeat: repeat-x;
    font-weight: bold;
    height: 20px;
    padding-top: 6px;
    padding-left: 7px;
}

#right_column_announcements_list a:hover {
    text-decoration: none;
}

#right_column_announcements_list td {
    padding-left: 10px;
    padding-top: 5px;
    cursor: pointer;
}

.right_column_announcements_list_date {
    font-size: 8pt;
    color: #8888bb;
}


/* FOOTER LINKS & COPYRIGHT */
#footer {
    border-top: 1px solid #b9cad8;
    margin: 0 auto;
    padding: 10px;
    line-height: 1.5em;
    width: 964px;
    text-align: center;
}

.toc_entry {
    list-style: none;
    margin-bottom: 5px;
}


/* THESE SHOW UP OFTEN WHEN PEOPLE CLICK SAVE / SUBMIT */ 
.action_msg {
    color: #004F12;
    border: 1px solid #004F12;
    padding: 10px;
    margin: 5px auto;
    width: 350px;
    text-align: center;
    font-weight: bold;
}


/* BUTTONS FOR FORMS AND STUFF */
.form_button, .send {
    height: 35px;
    font-size: 10pt;
    border: none;
    background-color: #1C1C1C;
    padding: 1px 10px;
    color: #FFE94D;
    margin-top: 5px;
    border-radius:4px;
    min-width:125px;
    cursor: pointer;
}

.form_button:hover {
	color:#1C1C1C;
	background:gold;
}

.invalid_field,
.required_field {
    color: red;
    font-weight: bold;
}

/* STYLES FOR FANCY MULTIPART FORMS */
#form_nav {
    text-align: center;
    margin: 15px auto;
    font-weight: bold;
    height: 24px;
    border-bottom: 1px solid #000000;
    width: 80%;
}

#form_nav a {
    cursor: pointer;
}

#form_nav div {
    display: inline;
    border-top: 1px solid #b9cad8;
    border-right: 1px solid #b9cad8;
    border-left: 1px solid #b9cad8;
    color: #5B5350;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

#form_nav_save {
    margin-left: 20px;
}

#form_nav_save img {
    position: relative;
    top: 3px;
}

#save_button {
    width: 100px;
    margin: 15px auto;
}

/* Form validation */
.msg { color: red; margin-left: 10px }
#user_edit_change_password_form .msg { display: block;  }

input[type=text], input[type=password] {
	height:35px;
	width:60%;
	min-width:320px;
	border-radius:4px;
	border:1px solid #ccc;
}

fieldset.apply-form-fields {
    width: 400px;
    margin: 25px auto;
    border: 1px solid #ccc;
}

fieldset.apply-form-fields legend {
    font-weight: bold;
}

.event_listing_location {
    font-size: 8pt;
    color: #8888bb;
}

.event_listing_date {
    font-size: 8pt;
    color: #999999;
}

/* CALENDAR PAGE */
#event_calendar {
    width: 100%;
}

#event_calendar_title {
    margin: 0px auto;
    font-weight: bold;
}

#event_calendar_body {
    margin-top: 5px;
    clear: both;
    width: 100%;
    border-collapse: collapse;
}

#event_calendar_body td {
    width: 14%;
    height: 100px;
    border: solid 1px #000000;
    font-size: 8pt;
    padding: 3px;
}

#event_calendar_body th {
    text-align: center;
    height: 30px;
    font-size: 12pt;
    font-weight: bold;
}

.calendar_day_off {
    background-color: #CCCCCC;
}

.event_calendar_details {
    background-color: #999999;
    padding: 5px;
    position: absolute;
    width: 200px;
}


/* EVENT LISTING PAGE */
.event_listing_entry {
    padding: 7px;
    padding-top: 5px;
    padding-bottom: 15px;
    border-top: solid 1px #000000;
    cursor: pointer;
    clear: both;
}

#event_list_interests {
    background-color: #FFE185;
    color: #5B5350;
    padding: 10px;
    font-weight: bold;
    font-size: 12pt;
    position: absolute;
    border: solid 1px #b9cad8;
    margin-left: 55px;
}

#event_list_interests td {
    font-size: 10pt;
    font-weight: normal;
}

/* PEOPLE SECTION / MEMBER DIRECTORY STUFF  */
#people_search {
   // background-color: #FFE185;
    color: #5B5350;
   // border: 1px solid #b9cad8;
    font-weight: bold;
    padding: 5px;
    width: 600px;
    margin: 10px;
}

#people_group_list {
    margin: 10px;
    //border: 1px solid #b9cad8;
}

#people_group_list_title {
   // background-color: #FFE185;
    color: #5B5350;
   // border-bottom: 1px solid #b9cad8;
    font-weight: bold;
}

#people_user_list {
    margin: 10px;
    width: 100%;
    border-collapse: collapse;
}

#people_user_list td {
    height: 100px;
}

#member_profile_contact_details {
    float: right;
    padding: 10px;
    margin: 10px;
    border: 1px solid #b9cad8;
}




/* LOGIN PAGE */
.login_panel {
    width: 100%;
    height: auto;
    float: left;
    max-width:768px !important;
    padding-bottom:5%;
}

.login_panel_title {
    color: #5B5350;
    border-bottom: 1px solid #b9cad8;
    font-weight: bold;
    padding: 7px;
    font-size:200%;
    max-width:768px;
    float:left;
    width:100%;
}

.login_panel_body {
    padding: 10px;
    float:left;
}

.login_msg {
    line-height: 1.5;
    padding: 10px;
    max-width: 550px;
} 




/* FUNDING PAGE */

.competition_list_entry {
    padding: 7px;
    padding-top: 5px;
    padding-bottom: 15px;
    border-top: solid 1px #ccc;
    cursor: pointer;
    clear: both;
    max-width:768px;
    line-height:200%;
    padding:5%;
}

.competition_list_date {
    color: #8888bb;
    font-style: italic;
}

#user_edit_form td {
    padding: 5px;
}

.list_table {
    border: 1px solid #b9cad8;
    border-collapse: collapse;
}

.list_table th {
    text-align: left;
    background-color: #FFE185;
    color: #5B5350;
    border: 1px solid #b9cad8;
    border-collapse: collapse;
    font-weight: bold;
    padding: 7px;
}

.list_table td {
    padding: 7px;
    border: 1px solid #b9cad8;
}

.table_list_alt_row {
    background-color: #FFEBAF;
}

.application_subtitle {
    font-weight: bold;
    border-bottom: 1px solid #b9cad8;
    margin-bottom: 5px;
    margin-top: 20px;
}

#review_entries {
    width: 600px;
    margin-left: 25px;
    margin-top: 15px;
}

#review_entries td {
    padding: 10px;
}

.review_entry_alt_row {
    background-color: #FFEBAF;
}

.clickable {
    cursor: pointer;
}

.twitter-follow-button {
    margin: 15px auto;
    display: block;
    width: 160px !important;
}

#right_column_events .twitter-follow-button {
}

.email_error {
    display: none;
    color: red;
}

.logo-btn {
	float:right;
	width:auto;
	
}

.logged-in {
	width:75px;
	float:right;
	font-size:100%;
}

.logo-btn a {
    color:white;
    font-size: 1em;
}

.logo-btn a:hover {
    color:white;
}

.codrops-top a {
    padding: 0 0.5em;
}

h1.header_title {
    color: #59544d;
    font-weight: 800;
    font-family: 'Raleway', Arial, sans-serif;
    text-align:left;
    text-transform:uppercase;
    max-width:768px;
    ;
}

h2.content_page_title {
    text-align: center;
    font-weight: 800;
    font-size: 3.25em;
    font-family: 'Raleway', Arial, sans-serif;
   
}

h3.content_page_section_title {
    font-weight: 800;
    font-size: 2.5em;
    font-family: 'Raleway', Arial, sans-serif;    
}

#content > tbody > tr > td > p {
    color:#272727;
    font-weight: 300;
    font-family: 'Raleway', Arial, sans-serif;
}

#menu-1 > ul {
    background: inherit;
}

nav#menu-1 ul li:before {
    padding-right: 5px;
}

.current-nav-item:before {
	color: gold;   	
}
.current-nav-item-hamburger a {
	font-weight:bold !important;
}
.current-nav-item-hamburger {
        background:rgb(255, 234, 119);
}


#moreEvents,
#viewmoreAnnouncement {
    float: right;
}



/** =========== Start: Style the form builder ===== **/
ul.frmb {
	max-width: none;
}
ul.frmb li {
	margin-bottom: 20px;
}

ul.frmb li.separator-row {
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 50px;
	border-bottom: 1px solid #ccc;
}

ul.frmb li:before {
	content: none;
}

ul.frmb li label {
	display:block;
}

ul.frmb li.checkbox span.false_label,
ul.frmb li.radio span.false_label {
	font-weight: bold;
}

ul.frmb li.checkbox label,
ul.frmb li.radio label {
	display: inline;
	margin-left: 10px;
}

ul.frmb li.select label {
	display: inline;
	margin-right: 10px;
}

select.frmb-control,
.action-buttons {
	border: 3px solid black;
	height: 30px;
	font-size: 15px;
	background: gold;
	margin-top: 10px;
	margin-bottom: 10px;
}

select.frmb-control:hover,
.action-buttons:hover {
	cursor: pointer;
	border: 3px dashed black;
}

.action-buttons.active {
    background: #000000;
    color: gold;
}



.frmb-submit:hover {
	cursor: pointer;
}

/** =========== End: Style the form builder ===== **/

.application_files { 
    list-style: disc;
    font-size: 15px;
 }
.application_files li:before { 
    content: "";
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.application_files img { margin-left: 10px }



/** =========== Start: Switch in application view page ===== **/

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.cmn-toggle-yes-no + label {
  padding: 2px;
  width: 180px;
  height: 28px;
}
input.cmn-toggle-yes-no + label:before, input.cmn-toggle-yes-no + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  text-align: center;
  line-height: 28px;
}
input.cmn-toggle-yes-no + label:before {
  background-color: #dddddd;
  content: attr(data-off);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no + label:after {
  background-color: red;
  content: attr(data-on);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no:checked + label:before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}