body {
	font-family: Arial, Helvetica, Verdana !important;
	font-size:15px !important;
	margin:0 auto;
	padding:0;
	color:#000000 !important;
	height:100%;
	background-color: #ffffff !important;
}

/* Signup Page */

body#signup {
	font-family: Arial, Helvetica, Verdana;
	font-size:15px;
	margin:0 auto;
	padding:0;
	color:#ffffff;
	height:100%;
 	background: #BAD2EA ;
 	background-image: url(); background-repeat:repeat; background-position:left !important;  
}

#head_signup {
	font-family: Arial, Helvetica, Verdana;
	font-size:15px;
	font-weight: bold;
	margin:0 auto;
	padding:0;
	color:#ffffff;
	height:100%;
 	background: black ;
}


/* Upper Right Link */

.body_contact {
	font-family: Arial, Helvetica, Verdana;
	font-size:15px;
	color:#000;
	padding-right:15px;
	text-align:right;
}
.body {
	font-family: Arial, Helvetica, Verdana;
	font-size:15px;
	color:#000;
	padding-right:15px;
	text-align:justify;
}

/* #6b6b6b */
.body a {color:#153E7E; text-decoration:none; font-weight:bold; font-size:13px;}
.body a:hover{color:#000; text-decoration:none; font-weight:bold; font-size:13px;}


.profile {background-color:#fff;}

/* Left Side Bar Menu */

.alink {
color:#fff !important;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
text-decoration:none;
}

.alink:hover {
color:#000 !important;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
text-decoration:none;
}

.alink:focus {
outline: none;
color:#000 !important;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
text-decoration: underline;
}

.unavi {
	margin-top:10px; /* original set to 10 */
    	text-align: center;
}

/*** SITE VIEW ***/

.header_color {
	background-color: #3bb9ff;
	text-align:center;
}

.head {
	font-family: Arial, Helvetica, Verdana;
	color: #2982B3;
	font-weight: bold;
	font-size:15px;
}

.head_left {
	font-family: Arial, Helvetica, Verdana;
	font-size:15px;
	color: #2982B3;
	float:left;
	font-weight: bold;
}

.head_center {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;

}


.head_right {
	font-family: Arial, Helvetica, Verdana;
	float:right;
	font-weight: bold;
}

.table_color {
	background-color: #ffffff;
	/* padding-left:5px; */
}

/* for the view_mycreated_session.php and the view_session.php google video sections */

.table_color_google_videos {
	background-color: #000000;
	color: #ffffff;
	/* padding-left:5px; */
}

/* for all the files that are conv. */

.table_color_conv {
	background-color: #ffffff;
	/* padding-left:5px; */
  	white-space: nowrap;
}

/* added black background color for images and video galleries for view sessions. */

.table_color_galleries {
	background-color: #000000;
	padding-left:5px;
}

.ckeditor_textarea {
	background-color: #ffffff;
	/* padding-left:15px; */
}

.footer {
	font-family: Arial, Helvetica, Verdana;
	font-size:11px;
	color:#FF8400;
	line-height:24px;
	padding-top:22px;
	text-align:center;
}

/*** TUTORING SCRIPT ***/


/* Site Functionality */


/* Site Alert */

.alert {
	color:#ff0000;
	text-decoration: none;
	font-weight: bold;
}

/* Signup Alert */

.alert_black {
	color:#000000;
	text-decoration: none;
	font-weight: bold;
}

/* Signup Alert */

.alert_orange {
	color:#FF8C00;
	text-decoration: none;
	font-weight: bold;
}

/* Site Error Message */

.errMsg{
	color:#ff0000;
	text-decoration: underline;
	font-weight: bold;
}

/* Successful Submission */

.greenMsg
{
	color:#008000;
	font-weight: bold;
}

/* Search, Lessons, Internal Private Message Page Text Size and Numbering */

.partext1 {
	font-size: 13px; 
	line-height: 17px; 
	font-family: Arial, Helvetica, Verdana;
}


/* Edit Profile: Change Photo Link, Tutor Lesson Links */

.linkcls {color:#2982B3; text-decoration:none; font-weight:bold; font-size:15px;}
.linkcls a:hover{color:#2982B3; text-decoration:none; font-weight:bold; font-size:15px;}
.linkcls a:visited{color:#000; text-decoration:none; font-weight:bold; font-size:15px;}


/*** Internal Private Message, Form Mandatories ***/

.redbold {
	color:#ff0000;
	font-weight:bold;
	font-size:15px;
}

.greybold {
	color:#575757;
	font-weight:bold;
	font-size:15px;
}

.greenbold {
	color:#090;
	font-weight:bold;
	font-size:15px;
}


/*** Tutoring Lesson Fill Out Forms ***/

.form_input{
	width:250px; 
	height:20px;
	text-align:left;	
}

.form_input_copy1{
	width:150px; 
	height:20px;
	text-align:left;	
}

.form_input_copy2{
	width:50px; 
	height:20px;
	text-align:left;	
}

.form_select{
	width:250px; 
	height:20px;
}
.form_txtara{
	width:250px;
	text-align:left;
}

/*** Motivational Code ***/

.motivation{
font-family: Arial,Helvetica,Verdana;
color:#ffffff; 
margin-left: 200px; 
padding:10px 10px 20px 10px; 
}

/*** Scrollable Code ***/

.scrollable{
background-color:#CCC;
border:2px solid #777;
height:665px;
overflow:auto;
padding:5px;
}


/*** Light Box ***/

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}


/*** Miscellaneous ***/

pre {
	padding:0;
	margin:0;
}

.aa {
	font-family: Arial, Helvetica, Verdana;
	font-size:11px;
	color:#000066;
	padding-left:12px;
}



.ab {
	font-family: Arial, Helvetica, Verdana;
	font-size:11px;
	color:#3399FF;
	line-height:20px;
	padding-left:12px;
}


.ab a {
color:#3399ff;
text-decoration:none;
}


.ab a:hover {
color:#FF6600;
text-decoration:none;
}

	
.style1 {color: #FFF}
.style2 {
	color: #FF6600;
	font-weight: bold;
}


.errormsg_white {
	color:#FFF;
}


.mtop10 {
	margin-top:10px;
}


/*** Expand and Collapse div's on edit profiles ***/

.layer1 {
margin: 0;
padding: 0;
width: 600px;
}

.heading {
margin: 1px;
color: #000;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color: #B3E0FF;
font-weight:bold;
font-size:15px !important;
}

.heading2 {
margin: 1px;
color: #000;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color: #63B8FF;
font-weight:bold;
font-size:15px !important;
}

.heading3 {
margin: 1px;
color: #000;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color: #d3d3d3;
font-size:15px !important;
}

/*** heading info for lesson sessions table listing ***/

.heading_quiz {
margin: 1px;
color: #000;
padding: 3px 10px;
cursor: pointer;
position: static;
background-color: #d3d3d3;
text-align: left;
border: 1px solid #000;
font-size:15px !important;
}
    
/*** heading info for lesson google table listing ***/
/*** heading info for google docs through google o3subject table listings that are public by sessioner ***/

.heading_google {
margin: 1px;
color: #000;
padding: 3px 10px;
cursor: pointer;
position: static;
background-color: #d3d3d3;
text-align: left;
border: 1px solid #000;
font-size:15px !important;
}


/*** Change background to #fafafa to #ffffff ***/

.content {
padding: 5px;
background-color:#ffffff;
font-size:15px;
}

p { padding: 5px 0;
}


.content_languages {
padding: 0px;
background-color:#ffffff;
font-size:15px;
}


/*** Profile ***/

.profile {
	font-family: Arial, Helvetica, Verdana;
	font-size:1.000em;
	color:#000;
}

/*** Search Tabs ***/

ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #999;
border-left: 1px solid #999;
width: 100%;
}

ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #999;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
}

ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}

ul.tabs li a:hover {
background: #ccc;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
border: 1px solid #999;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
}

.tab_content {
padding: 20px;
font-size: 1.2em;
color:#333;
}

/*** Edit Profile Page ***/

.page{
position: absolute;
top: 10;
visibility: hidden;
width: 75%;
overflow: scroll;
height: 400px; 
}

#elmnty, #mdle_schl, #high_scl, #scl_info, #clb_info{
	display:none;
}
.submit12, .submit1{
	display:none;
}


/*#elmnty .content, #mdle_schl .content, #high_scl .content{
	display:block!important;
}*/

.nxt {
    background: none repeat scroll 0 0 #2DABE0;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 0 16px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 83px;
}
.nxt a:link  {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background:#0886BB;
}
.nxt:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background:#0886BB;
}

.train {
    background: none repeat scroll 0 0 #2DABE0;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;

    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 0 16px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 125px;
}
.train a:link  {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background:#0886BB;
}
.train:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background:#0886BB;
}


/**
 *	For the edit profile ckeditor
 *	CKEditor editables are automatically set with the "cke_editable" class
 *	plus cke_editable_(inline|themed) depending on the editor type.
 */

/* Style a bit the inline editables. */
.cke_editable.cke_editable_inline
{
	cursor: pointer;
}

/* Once an editable element gets focused, the "cke_focus" class is
   added to it, so we can style it differently. */
.cke_editable.cke_editable_inline.cke_focus
{
	box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
	outline: none;
	background: #eee;
	cursor: text;
}

/* Avoid pre-formatted overflows inline editable. */
.cke_editable_inline pre
{
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* Enable certain pages to be able to scroll im mobile mode. */

div#gridPanel 
{
   height: 500px; /* This is for the view_session page: attendees, testimonials, sessions */
   overflow:scroll;
   position:relative;
   background-color: #ffffff;
}


div#gridPanel th
{  
   top: expression(document.getElementById("gridPanel").scrollTop-2);
   left:expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
   position: relative;
   z-index: 20;
  }
  
div#gridPanel2 
{
   height: 500px; /* This is for the view_session page: attendees, testimonials, sessions */
   overflow:scroll;
   position:relative;
   background-color: #ffffff;
}


div#gridPanel2 th
{  
   top: expression(document.getElementById("gridPanel").scrollTop-2);
   left:expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
   position: relative;
   z-index: 20;
  }
  
div#gridPanel3 
{
   /* height: 500px; */ /* This is for the view_session page: attendees, testimonials, sessions - view_mycreated_session.php?classid=20&frm=myses */
   overflow:scroll;
   position:relative;
   background-color: #ffffff;
}


div#gridPanel3 th
{  
   top: expression(document.getElementById("gridPanel").scrollTop-2);
   left:expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
   position: relative;
   z-index: 20;
  }    
  
  
div#gridPanel4 
{
   height: 500px; /* This is for the view_session page: attendees, testimonials, sessions */
   overflow:scroll;
   position:relative;
}


div#gridPanel4 th
{  
   top: expression(document.getElementById("gridPanel").scrollTop-2);
   left:expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
   position: relative;
   z-index: 20;
}  
  
  
/* For the job post table properties */

.job_post
{  
   width: 90%;
   border:1px;
}  


/* For the job post number, date and time */

.job_numerical
{  
   color: blue;
}  


/* For the searches.php file. Source: https://cssmenumaker.com/blog/css-button-set-tutorial */
/* Example: <a href="search_jobs.php" class="large blue btn">Search Session Jobs</a> */
/* Example: <a href="search_organizations.php" class="large blue btn">Organization Search: Name</a> */
/* <a href="#" class="small green btn">Button</a> */
/* <a href="#" class="red btn">Button</a> */
/* <a href="#" class="large blue btn">Button</a> */


.btn {
  background: #CCC;
  color: #000; /* switched to 000 for fff for the quiz buttons */
  display: inline-block;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  font-family: Arial, Arial, Helvetica, Verdana;
  line-height: 2.5em;
  padding: 0 3em;
  text-decoration: none;
}

.green.btn {
  background: linear-gradient(#6BDB55,#57B245);
  text-shadow: 1px 1px 1px #57B245;
}

.red.btn {
  background: linear-gradient(#D60A0A,#B20808);
  text-shadow: 1px 1px 1px #B20808;
}

.blue.btn {
  background: linear-gradient(#11A1D6,#0E86B2);
  text-shadow: 1px 1px 1px #0E86B2;
}

.small.btn {
  line-height: 1.75em;
  padding: 0 1.5em;
}

.large.btn {
  line-height: 3em;
  padding: 0 3.5em;
}

.btn:hover {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
  inset 0 1.5em 1em rgba(255,255,255,0.3);
}

.btn:active {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
  inset 0 1.5em 1em rgba(0,0,0,0.3);
}

  
/* For the searches.php, jobs.php files and the manage session and notebook post comments. Source: https://cssmenumaker.com/blog/css-button-set-tutorial */


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

.manage:hover {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
  inset 0 1.5em 1em rgba(255,255,255,0.3);
}

.manage:active {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
  inset 0 1.5em 1em rgba(0,0,0,0.3);
  color: #000;
}

/* make sure we have a visible focus ring for rectangle links that are blue and black. Firefox only. */
.manage a:focus {
outline: none;
color:#ff0000;
text-decoration: underline;
font-weight: bold;
}


/* For the session and notebook comments edit  */


.form_labels {
  font-weight: bold;
  width: 200px;
}

/* For the Session Images */

.viewownsession_images {
  width: 60px;
  height: 81px;
}


/* For the Session Images */

.viewsession_images {
  width: 75px;
  height: 75px;
}


/* Background color for the No Records results for all searches  */


.no_records {
  background: #F0F8FF;
}


/* Notes: All Fields Required, etc. for all pages.  */

.blackbold {
	color:#000000;
	font-weight:bold;
	font-size:15px;
}

/* Header Slogan  */

div.slogan {
text-align: center;
font-size: 1.2em;
margin-left: 3px;

}

/* For the youtube session video code.  */


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.body_home {
	font-family: Arial, Helvetica, Verdana !important;
	font-size:15px !important;
	color:#000 !important;
	text-align:justify !important;
	padding: 10px 10px 10px 10px !important;
	margin-top: 0px !important;
}


/* .inactive {
/*     display: none;
/* }



/* For the cookie popup reminder.  */

.cc_message {
	font-family: Arial, Helvetica, Verdana !important;
	color:#fff !important;

}


.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #fff;
    background-color: #3bb9ff !important;
    
}

.cc_btn:hover {
    color: #000;
    background-color: #fff !important;
    
}

 
/* For the table progress report fixed width.  */


.goalfixed {

table-layout:fixed !important;
width: 100%;

}


/* For the table cell progress report fixed width.  */


.outcomefixed{

word-wrap:break-word !important;

}

/* For the progress report determinants select option width.  */


.determinants {

width: 130px !important;

}

/* For the progress report select option table 2nd cell width.  */

.optionselections {

width: 130px !important;

}

/* For the progress report select option table cell width.  */

.optionselection {

width: 100px !important;

}


/* For the session jobs edit mode.  */

select#t_language_preference option[value="Amharic"]   { background-image:url(lesson_photos/amharic1.png);   }
select#t_language_preference option[value="Arabic"]   { background-image:url(lesson_photos/arabic1.png);   }
select#t_language_preference option[value="Armanian"]   { background-image:url(lesson_photos/armanian1.png);   }
select#t_language_preference option[value="Bengali"]   { background-image:url(lesson_photos/bengali1.png);   }
select#t_language_preference option[value="Chinese-Simplified"]   { background-image:url(lesson_photos/chinese_traditional1.png);   }
select#t_language_preference option[value="Chinese-Traditional"]   { background-image:url(lesson_photos/chinese1_simplified.png);   }
select#t_language_preference option[value="Croatian"]   { background-image:url(lesson_photos/croatian1.png);   }
select#t_language_preference option[value="Czech"]   { background-image:url(lesson_photos/czech1.png);   }
select#t_language_preference option[value="Danish"]   { background-image:url(lesson_photos/danish1.png);   }
select#t_language_preference option[value="Dutch"]   { background-image:url(lesson_photos/dutch1.png);   }
select#t_language_preference option[value="Finnish"]   { background-image:url(lesson_photos/finnish1.png);   }
select#t_language_preference option[value="French"]   { background-image:url(lesson_photos/french1.png);   }
select#t_language_preference option[value="French-Creole"]   { background-image:url(lesson_photos/french-creole1.png);   }
select#t_language_preference option[value="German"]   { background-image:url(lesson_photos/german1.png);   }
select#t_language_preference option[value="Greek"]   { background-image:url(lesson_photos/greek1.png);   }
select#t_language_preference option[value="Gujarathi"]   { background-image:url(lesson_photos/gujarathi1.png);   }
select#t_language_preference option[value="Hebrew"]   { background-image:url(lesson_photos/hebrew1.png);   }
select#t_language_preference option[value="Hindu"]   { background-image:url(lesson_photos/hindu1.png);   }
select#t_language_preference option[value="Hungarian"]   { background-image:url(lesson_photos/hungarian1.png);   }
select#t_language_preference option[value="Italian"]   { background-image:url(lesson_photos/italian1.png);   }
select#t_language_preference option[value="Japanese"]   { background-image:url(lesson_photos/japanese1.png);   }
select#t_language_preference option[value="Korean"]   { background-image:url(lesson_photos/korean1.png);   }
select#t_language_preference option[value="Lithuanian"]   { background-image:url(lesson_photos/lithuanian1.png);   }
select#t_language_preference option[value="Miao"]   { background-image:url(lesson_photos/miao1.png);   }
select#t_language_preference option[value="Mon-Khmer"]   { background-image:url(lesson_photos/mon-khmer1.png);   }
select#t_language_preference option[value="Navajo"]   { background-image:url(lesson_photos/navajo1.png);   }
select#t_language_preference option[value="Norwegian"]   { background-image:url(lesson_photos/norwegian1.png);   }
select#t_language_preference option[value="Pennsylvania-Dutch"]   { background-image:url(lesson_photos/pennsylvania-dutch1.png);   }
select#t_language_preference option[value="Persian"]   { background-image:url(lesson_photos/persian1.png);   }
select#t_language_preference option[value="Polish"]   { background-image:url(lesson_photos/polish1.png);   }
select#t_language_preference option[value="Portuguese"]   { background-image:url(lesson_photos/portuguese1.png);   }
select#t_language_preference option[value="Romanian"]   { background-image:url(lesson_photos/romanian1.png);   }
select#t_language_preference option[value="Russian"]   { background-image:url(lesson_photos/russian1.png);   }
select#t_language_preference option[value="Serbian"]   { background-image:url(lesson_photos/serbian1.png);   }
select#t_language_preference option[value="Slovek"]   { background-image:url(lesson_photos/slovek1.png);   }
select#t_language_preference option[value="Spanish"]   { background-image:url(lesson_photos/spanish1.png);   }
select#t_language_preference option[value="Swedish"]   { background-image:url(lesson_photos/swedish1.png);   }
select#t_language_preference option[value="Tagalog"]   { background-image:url(lesson_photos/tagalog1.png);   }
select#t_language_preference option[value="Taiwan"]   { background-image:url(lesson_photos/taiwan1.png);   }
select#t_language_preference option[value="Thai"]   { background-image:url(lesson_photos/thai1.png);   }
select#t_language_preference option[value="Turkish"]   { background-image:url(lesson_photos/turkish1.png);   }
select#t_language_preference option[value="Ukranian"]   { background-image:url(lesson_photos/ukranian1.png);   }
select#t_language_preference option[value="Vietnamese"]   { background-image:url(lesson_photos/vietnamese1.png);   }
select#t_language_preference option[value="Yiddish"]   { background-image:url(lesson_photos/yiddish1.png);   }

/* For the ckeditor textarea width and height.  */

.block_sessioner {
  padding: 10px;
  width: 350px;
  margin: 10px;
  float: left;
  position: relative;
  border: 1px solid #48B3D8;

}
.block_sessioner:hover{
  cursor: hand;
  cursor: pointer;
  border: 1px solid #48B3D8;
  background-color: #ccc;
}

/* For the online ckeditor textarea width and height.  */

.block_sessioner_online {
  padding: 10px;
  width: 600px;
  margin: 10px;
  position: relative;
  border: 1px solid #48B3D8;

}
.block_sessioner_online:hover{
  cursor: hand;
  cursor: pointer;
  border: 1px solid #48B3D8;
  background-color: #ccc;
}

/* For the change photo background image.  */

.change_photo {
	
  background-image:url(images/isessioner_logo_trans.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 

}

/* For the change photo background image for admin/moderators.  */

.change_photo_admin {
	
  background-image:url(images/isessioner_logo_trans.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 

}

/* For the change photo background image.  */

.popup_photo {
	
  background-image:url(images/is_logo_trans.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 

}

/* For the convert table cell width for conversion pages  */

.convert {
  table-layout: fixed;
  white-space: nowrap;

}

.convert th{
  background-color: #ccc;
  border:1px solid black;

}

.convert td {
  white-space: nowrap;
  text-overflow: ellipsis;

}

/* Change the color of the striped tables for conversion pages */
.table-striped > tbody > tr:nth-child(odd) > td
{
  background-color: #f3f4f5;
  table-layout: fixed;
  border:1px solid black;
  padding:2px; 
  font-size: 15px;
  width: 100%;
  white-space: nowrap;
}

.table-striped > tbody > tr:nth-child(even) > td
{
  background-color: #ffffff;
  table-layout: fixed;
  border:1px solid black;
  padding:2px; 
  font-size: 15px;
  width: 100%;
  white-space: nowrap;
}


/* Scroll to the top for edit and profile pages for sessioners and students */

.scrollToTop{
	width:72px; 
	height:72px;
	padding:20px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:650px;
	right:40px;
	display:none;
	background: url('images/arrow-circle-up.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}


/* Scroll to the top for edit and profile pages for sessioners and students */

.eduimage{
	table-layout: fixed;
  	width: 50px !important;
  	white-space: nowrap;
}


/* Home page search box at the top */

#namanyay-search-btn {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn:hover {
background-color:#42C0FB;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn:hover {
background-color:#42C0FB;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}



#search-reset-btn1 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn1:hover {
background-color:#42C0FB;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#namanyay-search-btn1 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn1:hover {
background-color:#42C0FB;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn1 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn1:hover {
background-color:#42C0FB;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}



#search-reset-btn2 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn2:hover {
background-color:#D9A932;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#namanyay-search-btn2 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn2:hover {
background-color:#D9A932;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn2 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn2:hover {
background-color:#D9A932;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}



#search-reset-btn3 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn3:hover {
background-color:#B38C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#namanyay-search-btn3 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn3:hover {
background-color:#B38C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn3 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn3:hover {
background-color:#B38C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}



#search-reset-btn4 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn4:hover {
background-color:#FFD13B;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#namanyay-search-btn4 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn4:hover {
background-color:#FFD13B;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn4 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn4:hover {
background-color:#FFD13B;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}



#search-reset-btn5 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn5:hover {
background-color:#D99632;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#namanyay-search-btn5 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn5:hover {
background-color:#D99632;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn5 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn5:hover {
background-color:#D99632;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#search-reset-btn9 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn9:hover {
background-color:#D99632;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#namanyay-search-btn9 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn9:hover {
background-color:#D99632;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn9 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn9:hover {
background-color:#D99632;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#search-reset-btn10 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn10:hover {
background-color:#D99632;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#namanyay-search-btn10 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn10:hover {
background-color:#D99632;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn10 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn10:hover {
background-color:#D99632;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}


#search-reset-btn6 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn6:hover {
background-color:#B37C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#namanyay-search-btn6 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn6:hover {
background-color:#B37C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn6 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn6:hover {
background-color:#B37C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}


#search-reset-btn11 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn11:hover {
background-color:#B37C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#namanyay-search-btn11 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn11:hover {
background-color:#B37C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn11 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn11:hover {
background-color:#B37C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#search-reset-btn12 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn12:hover {
background-color:#B37C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#namanyay-search-btn12 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}
 
#namanyay-search-btn12:hover {
background-color:#B37C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn12 {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-reset-btn12:hover {
background-color:#B37C29;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px 30px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 25px;
}

#namanyay-search-box1 {
background: #3BB9FF;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:5px;
height: 25px;
}


#namanyay-search-box2 {
background: #D9A932;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:5px;
height: 25px;
}


#namanyay-search-box3 {
background: #B38C29;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:5px;
height: 25px;
}


#namanyay-search-box4 {
background: #FFD13B;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:5px;
height: 25px;
}


#namanyay-search-box5 {
background: #D99632;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:5px;
height: 25px;
}

#namanyay-search-box9 {
background: #D99632;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:5px;
height: 25px;
}

#namanyay-search-box10 {
background: #D99632;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:5px;
height: 25px;
}


#namanyay-search-box6 {
background: #B37C29;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:5px;
height: 25px;
}

#namanyay-search-box11 {
background: #B37C29;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:5px;
height: 25px;
}

#namanyay-search-box12 {
background: #B37C29;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:5px;
height: 25px;
}


#namanyay-search-box {
background-color: #ffffff !important;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:350px;
height: 25px;
font-family: Arial, Helvetica, Verdana !important;
font-size: 15px !important;
color: #000000 !important;
}

#namanyay-zip-box {
background: #fff;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:50px;
height: 25px;
font-family: Arial, Helvetica, Verdana !important;
font-size: 15px !important;
color: #000000 !important;
}

#search-reset-btn {
background:#000000;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

#search-reset-btn:hover {
background-color:#42C0FB;
color:white;
font: 'trebuchet ms', trebuchet;
padding:5px 15px 25px;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
border:0 none;
font-weight:bold;
height: 2px;
}

label1 { background-color: #3BB9FF; }
label2 { background-color: #D9A932; }
label3 { background-color: #B38C29; }
label4 { background-color: #FFD13B; }
label5 { background-color: #D99632; }
label9 { background-color: #D99632; }
label10 { background-color: #D99632; }
label6 { background-color: #B37C29; }
label11 { background-color: #B37C29; }
label12 { background-color: #B37C29; }

/* CUSTOM RADIO & CHECKBOXES
   https://stackoverflow.com/a/17541916/383904 */
.rad,
.ckb{
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.rad > input,
.ckb > input{ /* HIDE ORG RADIO & CHECKBOX */
  visibility: hidden;
  position: absolute;
}
/* RADIO & CHECKBOX STYLES */
.rad > i,
.ckb > i{     /* DEFAULT <i> STYLE */
  display: inline-block;
  vertical-align: middle;
  width:  16px;
  height: 16px;
  border-radius: 50%;
  transition: 0.2s;
  box-shadow: inset 0 0 0 8px #fff;
  border: 1px solid gray;
  background: gray;
}

/* CHECKBOX OVERWRITE STYLES */

.ckb > i {
  width: 25px;
  border-radius: 3px;
}
.rad:hover > i{ /* HOVER <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: gray;
}


#rad1 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #3BB9FF;
}
#rad2 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #D9A932;
}
#rad3 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #B38C29;
}
#rad4 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #FFD13B;
}
#rad5 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #D99632;
}
#rad6 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #B37C29;
}
#rad7 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #000000;
}

#rad9 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #D99632;
}

#rad10 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #D99632;
}

#rad11 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #B37C29;
}

#rad12 > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #B37C29;
}

/* CHECKBOX */

.ckb > input + i:after{
  content: "";
  display: block;
  height: 12px;
  width:  12px;
  margin: 2px;
  border-radius: inherit;
  transition: inherit;
  background: gray;
}
.ckb > input:checked + i:after{ /* (RADIO CHECKED) <i> STYLE */
  margin-left: 11px;
  background:  orange;
}



#inner {
  display: table;
  margin: 0 auto;
} 


.span { 
   width: 450px; 
   height: 100px; 
   float: left; 
   padding: 1em 1em 1em 0;
   display: inline-block;
}

.canvas {
   width: 100%;
   height: 100%;
}


/* Resume Completion */

.resume_complete {
	font-family: Arial, Helvetica, Verdana;
	font-size:15px;
	text-align: center;

}


.resume_form {
	font-family: Arial, Helvetica, Verdana;
	font-size:13px;
  	background:  white;

}



/* Source: https://javascript-html5-tutorial.com/progress-bar-with-css-and-html5-in-a-few-lines-of-code.html */

.progress {
    color: #fff !important;
    width: 330px;
    margin-left: 10px;
  }
  
#my-progress-bar {
color: #fff !important;
background: #ccc;
border-radius: 12px;
height: 22px;
width: 330px;
padding: 0px;
margin: 0 auto;
}

#my-progress-bar:after {
color: #fff !important;
content: '';
display: block;
background: #0c0;
width: 50%;
height: 100%;
border-radius: 9px;
}

.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff !important;
text-align: center;

 }
 
 /* dark red */
.progress-bar-completed {
background-color: #8B0000 !important;
}

 /* gray */
.progress-bar-error {
background-color: #8c8c8c !important;
}

 /* pastel green */
.progress-bar-success {
    background-color: #5cb85c;
}

 /* blue */
.progress-bar-notstarted {
    background-color: #337ab7 !important;
}


.welcome {
    background: #effeb9;
    width: 593px;
    margin-top: 30px;
    border: 1px solid #98c700;
    border-radius: 6px;
    -moz-border-radius: 6px;
    margin: 30px auto 0;
}


/* Signup subdirectory bgcolor for the forms. */

.signup_color {
background-color: #DCDCDC;
}


/* Form submission code for graphing. */

#chart-container {
width: 100%;
height: auto;
}

#scrollgraphs-invalid {
overflow-x: scroll;
}
#scrollgraphs-content{
min-width:101%;
}

#scrollarea-invalid {
overflow-y: scroll;
height: 350px;
}
#scrollarea-content{
min-height:101%;
}

#scrollques-invalid {
overflow-y: scroll;
height: 350px;
}
#scrollques-content{
min-height:101%;
}

#scrollquizzes-invalid {
overflow-x: scroll;
}
#scrollquizzes-content{
min-width:101%;
}

#scrollmsgs-invalid {
overflow-x: hidden;
height: 350px;
}
#scrollmsgs-content{
min-height:101%;
}

#scrollmap-invalid {
overflow-y: scroll;
height: 350px;
}
#scrollmap-content{
min-height:101%;
}

#scrollnonemap-invalid {
overflow-y: scroll;
height: 150px;
}
#scrollnonemap-content{
min-height:101%;
}

/* Badges */

.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}



/* Purple table row/cell background color. */

.purple {
background-color: #9370DB;
}


/* For view_mycreated_session.php file's tables. */

mycreated_sessions {
    word-break:break-all;
    word-wrap:break-word;
    table-layout:fixed;
}


/* For view_calendar_events.php file's tables. */


.hoverTable{
	width:100%;
	border-collapse:collapse;
}
.hoverTable td{
	padding:7px; border:#CDCDCD 1px solid;
}
/* Define the default color for all the table rows */
.hoverTable tr{
	background: #ffffff;
}
/* Define the hover highlight color for the table row */
.hoverTable tr:hover {
  background-color: #BFBFBF;
}


/* For test_submitted_sessioners.php, quiz_submitted_sessioners.php file's tables. */

.hoverQTable{
	width:50%;
	border-collapse:collapse;
}
.hoverQTable td{
	padding:2px; border:#CDCDCD 1px solid;
}
/* Define the default color for all the table rows */
.hoverQTable tr{
	background: #ffffff;
}
/* Define the hover highlight color for the table row */
.hoverQTable tr:hover {
  background-color: #BFBFBF;
}


/* For the mapping code to work properly. */

#map1 {
      display: none;
}

#map2 {
      display: none;
}

#map3 {
      display: none;
}

#map4 {
      display: none;
}

#map5 {
      display: none;
}

#map6 {
      display: none;
}

#map7 {
      display: none;
}

#map8 {
      display: none;
}

#map9 {
      display: none;
}

#map10 {
      display: none;
}

#map11 {
      display: none;
}

#map12 {
      display: none;
}

#map13 {
      display: none;
}

#map14 {
      display: none;
}

#map15 {
      display: none;
}

#map16 {
      display: none;
}



/* For the password weak to strength check. */

#signup label {
	display: block;
	margin-bottom: 0.4em;
	font-weight: bold;
}

#pwd {
	display: block;
	width: 200px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 0.2em 0;
}

#pwd:focus {
	outline: none;
}

#password-meter {
	width: 202px;
	height: 8px;
	background: #ccc;
	margin-top: .2em;
}

#password-meter-progress {
	height: 100%;
	width: 0%;
	transition: width 400ms linear;
}

#password-meter-progress.low {
	background: #c00;
}

#password-meter-progress.medium {
	background: #f50;
}

#password-meter-progress.high {
	background: #080;
}



#pwd2 {
	display: block;
	width: 200px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 0.2em 0;
}

#pwd2:focus {
	outline: none;
}

#password-meter2 {
	width: 202px;
	height: 8px;
	background: #ccc;
	margin-top: .2em;
}

#password-meter-progress2 {
	height: 100%;
	width: 0%;
	transition: width 400ms linear;
}

#password-meter-progress2.low {
	background: #c00;
}

#password-meter-progress2.medium {
	background: #f50;
}

#password-meter-progress2.high {
	background: #080;
}


.loghours {
font-size:13px;
}



/* For google docs, etc, that are private or public. */

.googlemapprivate {
	color: #8B0000;
	font-weight: bold;
}

.googlemappublic {
	color: #090;
	font-weight: bold;
}


/* For sharing buttons. */


.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.resp-sharing-button--reddit {
  background-color: #5f99cf;
  border-color: #5f99cf;
}

.resp-sharing-button--reddit:hover,
.resp-sharing-button--reddit:active {
  background-color: #3a80c1;
  border-color: #3a80c1;
}


/* For the whiteboard images generated by sessioners for gallery or whiteboard reuse. */
/* source: https://stackoverflow.com/questions/1258416/word-wrap-in-an-html-table */

.galleryimages_table {
border-collapse:collapse;
table-layout:fixed;
height:100px;
width:650px;
}

.galleryimages_td {
/* border:solid 1px #fab; */
/* width:100px; */
white-space:normal;
word-wrap:break-word !important;
}

.whiteboardimages_table {
border-collapse:collapse;
table-layout:fixed;
height:100px;
width:575px;
}

.whiteboardimages_td {
/* border:solid 1px #fab; */
/* width:100px; */
white-space:normal;
word-wrap:break-word !important;
}


/* make sure we have a visible focus ring for the top menu or menu.php file */
.outline:focus {
outline: none;
  box-shadow: 0 0 0 3px #3BB9FF;
}

/* for the online whiteboard annotation and non anotation session image load button */

.button_image_export {
  border: none;
  color: white;
  padding: 5px 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: #000000;

} /* White */


/*** Bookmark Text ***/

a.bookmark_header {
font-family : Arial, Helvetica, Verdana;
font-size : 15px;
color : #ffffff !important;
text-decoration : none !important;
}
a.bookmark_header:active {
font-family : Arial, Helvetica, Verdana;
font-size : 15px;
color : #153E7E;
text-decoration : none;
text-shadow : 1px 1px 1px #3B3B3B;
}
a.bookmark_header:hover {
font-family : Arial, Helvetica, Verdana;
font-size : 15px;
color : #000000 !important;
text-decoration : none;
text-shadow : 1px 1px 1px #3B3B3B;
}


/*** Sitemap Accessibility ***/

a.accessibility_page {
font-family: Arial, Helvetica, Verdana;
font-size : 15px;
color : #ffffff !important;
text-decoration : none !important;
}
a.accessibility_page:active {
font-family: Arial, Helvetica, Verdana;
font-size : 15px;
color : #000000 !important;
text-decoration : none;
}
a.accessibility_page:hover {
font-family: Arial, Helvetica, Verdana;
font-size : 15px;
color : #000000 !important;
text-decoration : none;
}

/*** Paypal Details page - paypal_detail.php ***/

.paypal_accounting {
background-color: #00FF00 !important;
overflow:hidden;
}

/*** Make sure the downloaded chart graph's background color is white  ***/

#save-btn{
  background: #FFF;
}