/*  New Styles for all eShow TABLES last edited 8/16/2016 - Adriana  */

/*  Bootstrap Responsive v2.3.2 
 * 	span12 =  width: 1170px
 * 	span9 = width: 870px
 * 	span3 = width: 270px  */
 
/* ================= COLOR & FONT - TABLE styles ===================*/
/* All table color styles are in styles.css */


/* ================= GLOBAL TABLE styles ===================*/

/* FOR RESPONSIVE TABLES from bootstrap 3 styles */ 
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		/*border: 1px solid #dddddd;*/
  }
  .table-responsive > .table { margin-bottom: 0; }
}


/* =========== DO NOT CHANGE - STRUCTURE ============ */
.form-table {
	max-width: 100%;
	background-color: #FFF;
	border-collapse: collapse;
	border-spacing: 0; }
	
.form-table { width: 100%; margin-bottom: 0.2em;}

.form-table th, /*Header row for all tables that use "th"*/
.form-table-header /*Header row for all tables that DON'T use "th"*/ { 
	font-weight: bold;
	letter-spacing: .05em;
	text-transform: uppercase;}
	
.form-table th,
.form-table td { 
	padding: 0.65em;
	line-height: 1.3em;
	text-align: left;
	/*vertical-align: top;*/
	vertical-align: middle; }


/*========== For table GRIDS / LINES  ===================*/
/*for Tables with ALL grid/lines ONLY*/
.border-table th,
.border-table td {
	border: 1px solid #dddddd;/* DO NOT CHANGE - table lines*/
}

/*for Tables with grid/lines on BOTTOM ONLY*/
.line-table th,
.line-table td {
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
	border-bottom: 1px solid #dddddd;/* DO NOT CHANGE - table lines*/
}

/* DO NOT CHANGE - last row table lines  */
.line-table tr:last-child td { border-bottom: 0 none;}

/*for Tables with NO grid/lines ONLY*/
.noBorder-table th,
.noBorder-table td {
	border: 0 none;/* DO NOT CHANGE - NO table lines*/
}

/*for form level1 and level2 tables*/
.form-gen-border {border: none; /*border: 1px solid #dddddd;*/}
/*========== END table GRIDS / LINES  ===================*/





/*========== eShow GLOBAL FORMS AND TABLE STYLES  ===================*/

tr.tb-bold, td.tb-bold, .tb-bold, .txt-bold {/* to BOLD not in TH */
	font-weight: bold;
	letter-spacing: .04em;
}

td.tb-text-right {	text-align: right; }
td.tb-text-center { text-align: center; }

td.tb-nowrap { white-space:nowrap; }

td.tb-wide5 { width: 5%; }
td.tb-wide8 { width: 8%; }
td.tb-wide10 { width: 10%; }
td.tb-wide12 { width: 12%; }
td.tb-wide15 { width: 15%; }
td.tb-wide20 { width: 20%; }
td.tb-wide25 { width: 25%; }
td.tb-wide33 { width: 33%; }
td.tb-wide40 { width: 40%; }
td.tb-wide50 { width: 50%; }
td.tb-wide70 { width: 70%; }
td.tb-wide75 { width: 75%; }
td.tb-wide80 { width: 80%; }

td.tb-description { text-align: left; }

td.tb-qty {
	text-align: center;
	width: 5%;
	white-space:nowrap;	
}

td.tb-network, td.tb-appt, td.tb-number {
	text-align: center;
	width: 8%;
	white-space:nowrap;	
}

td.tb-currency {
	text-align: right;
	width: 12%;	
	white-space:nowrap;
}

td.tb-room {
	text-align: right;
	width: 20%;	
}

td.tb-time {
	width: 25%;
	white-space:nowrap;
}

td.tb-form-question, td.tb-form-question-left { 
	font-weight: bold; 
	color: inherit;
	font-size: inherit;
}
td.tb-form-question { text-align: right; }
td.tb-form-question-left { text-align: left; }

td.td-side-bttn-text {padding-right: 8em;}

@media screen and (max-width: 767px) {
	td.td-side-bttn-text {padding-right: 1em;}
}




/* ================= GLOBAL - NEW FORM styles ===================*/

/*bootstrap 2: input overrides and fallbacks*/
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: none;
    transition: none;
	/*padding: 0;*/
	width: 85%;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border: 1px solid #CCC;
    outline: 0px none;
    box-shadow: none;
	/*border-color: rgba(204, 204, 204, 0.8);
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.075) inset, 0px 0px 5px rgba(204, 204, 204, 0.6);*/
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: auto;
    padding: 0.35em 0em 0.35em 0.55em;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.6em;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
}
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
}
/*END  bootstrap 2: input overrides and fallbacks*/

select {
    width: 85%;
    background-color: #FFF;
    border: 1px solid #CCC;
}

input.form-field-xsmall { width: 12%;}
input.form-field-small { width: 25%;}
input.form-field-med { width: 50%;}
input.form-field-large { width: 75%;}
input.form-field-xlarge { width: 95%;}

select.form-field-xsmall { width: 13%;}
select.form-field-small { width: 26%;}
select.form-field-med { width: 51%;}
select.form-field-large { width: 76%;}
select.form-field-xlarge { width: 96%;}

/*for payment table - month and year*/
select.exp-dates {width: 25%; display: inline-block;}

@media screen and (max-width: 767px) {
	input.form-field-xsmall,
	input.form-field-small,
	input.form-field-med,
	input.form-field-large,
	input.form-field-xlarge { width: 95%;}
	
	select.form-field-xsmall,
	select.form-field-small,
	select.form-field-med,
	select.form-field-large,
	select.form-field-xlarge { width: 96%;}
	
	select.exp-dates {width: 47%;}
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

label, legend, input, button, select, textarea {
    font-size: 100%;
    font-weight: normal;
    line-height: normal;
	margin: 0;
	vertical-align: middle;
}

label {
    display: block;
    margin-bottom: 4px;
}

.form-label-input {}
.form-label-textarea {}
.form-label-rbox {}
.form-label-select {}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    border: 0;
    border-bottom: none;
}

input[type="radio"], input[type="checkbox"] {
    margin: 3px 8px 0 0 !important;
    line-height: normal;
}

.radio-checkbox input[type="radio"], .radio-checkbox input[type="checkbox"] {
    margin-left: -20px !important;
    float: left;
}

.radio-checkbox {
    min-height: 20px;
    padding-left: 20px;
}

.radio-checkbox-center {
    min-height: 20px;
    padding-left: 0;
	text-align: center;
}

.form-hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.input-other {
    display: inline-block;
    margin-top: 3px;
}





/* ================= MISC - NEW FORM styles ===================*/
tr.tb-cellReq, td.tb-cellReq, .tb-cellReq {
    color: #f00;
    font-weight: bold;
}

/*for evaluation table*/
a.tb-session-title { text-decoration: underline;}



/*========== For IMAGES &  RESPONSIVE IMAGES  ===================*/

img.tb-image,
img.tb-icon { vertical-align: text-top; }

/*JUST for images in tables that need to adjust in size - NOT FOR ICONS*/
img.tb-img-responsive {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

/*for general site images that should be responsive*/
.img-responsive {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}




/*========== For CSS FORM BUTTONS - Still testing  ===================*/
.bttn-form {
	margin: 5px;
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.43;
	letter-spacing: 0.02em;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.bttn-form-default { color: #FFF; background-color: #959595;}
.bttn-form-default:hover { color: #FFF; background-color: #636363;}

.bttn-form-error { color: #FFF; background-color: #da0101;}
.bttn-form-error:hover { color: #FFF; background-color: #9b0101;}

.bttn-form:focus, .bttn-form:hover { text-decoration: none;}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}
button, select {text-transform: none;}
button {overflow: visible;}
button, input, optgroup, select, textarea {
    margin: 0px;
    font: inherit;
    color: inherit;
}


/*========== Other Buttons  ===================*/
.tb-link-bttn {
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.43;
	letter-spacing: 0.02em;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #FFF; background-color: #959595;
}
.tb-link-bttn:hover { color: #FFF; background-color: #636363;}


/*========== For Profile popup windows  ===================*/
.profile-contact-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.profile-contact-links li {float: left;}
.profile-contact-links li a {
    display: block;
    padding: 8px 15px 8px 2px;
}