/*!
* jQuery Mobile 1.3.2 
*
* - only with styles for jquery mobile ui-table 
*
* http://jquerymobile.com
*
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/
.ui-table {
   border: 0;
   border-collapse: collapse;
   padding: 0;
   width: 100%;
}
.ui-table th,
.ui-table td {
  line-height: 1.5em;
  text-align: left;
  padding: .4em .5em;
  vertical-align:top;
}
.ui-table th .ui-btn,
.ui-table td .ui-btn {
	line-height: normal;
}
.ui-table th {
  font-weight: bold;
}
.ui-table caption {
  text-align:left;
  margin-bottom:1.4em;
  opacity: .5;
}
/* Add strokes between each row */
.table-stroke thead th {
  border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.table-stroke tbody th,
.table-stroke tbody td {
  border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
  border-bottom: 1px solid rgba(0, 0, 0, .05);
}
/* Add alternating row stripes */
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
  background-color: #eeeeee; /* non-RGBA fallback  */
  background-color: rgba(0,0,0,0.04);
}
/* Add stroke to the header and last item */
.table-stripe thead th,
.table-stripe tbody tr:last-child {
  border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback  */
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
/*
 Styles for the table columntoggle mode
*/
.ui-table-columntoggle-btn {
	float: right;
	margin-bottom:.8em;
}
/* Remove top/bottom margins around the fieldcontain on check list */
.ui-table-columntoggle-popup fieldset {
	margin:0;
}
/* Hide all prioritized columns by default */
@media only all {
	th.ui-table-priority-6,
	td.ui-table-priority-6,
	th.ui-table-priority-5,
	td.ui-table-priority-5,
	th.ui-table-priority-4,
	td.ui-table-priority-4,
	th.ui-table-priority-3,
	td.ui-table-priority-3,
	th.ui-table-priority-2,
	td.ui-table-priority-2,
	th.ui-table-priority-1,
	td.ui-table-priority-1 {
		display: none;
	}
}
/* Preset breakpoints if ".ui-responsive" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
		display: table-cell;
	}
}
/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
		display: table-cell;
	}
}
/* Show priority 3 at 640px (40em x 16px) */
@media screen and (min-width: 40em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
		display: table-cell;
	}
}
/* Show priority 4 at 800px (50em x 16px) */
@media screen and (min-width: 50em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
		display: table-cell;
	}
}
/* Show priority 5 at 960px (60em x 16px) */
@media screen and (min-width: 60em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
		display: table-cell;
	}
}
/* Show priority 6 at 1,120px (70em x 16px) */
@media screen and (min-width: 70em) {
	.ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
	.ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
		display: table-cell;
	}
}
/* Unchecked manually: Always hide */
.ui-table-columntoggle th.ui-table-cell-hidden,
.ui-table-columntoggle td.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
	display: none;
}
/* Checked manually: Always show */
.ui-table-columntoggle th.ui-table-cell-visible,
.ui-table-columntoggle td.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
	display: table-cell;
}
/*
 Styles for the table columntoggle mode
*/
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label { 
	display: none;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */ 
@media only all {
	/* Hide the table headers */ 
	.ui-table-reflow thead td, 
	.ui-table-reflow thead th {
		display: none;
	}
	/* Show the table cells as a block level element */ 
	.ui-table-reflow td,
	.ui-table-reflow th { 
		text-align: left;
		display: block;
	}
	/* Add a fair amount of top margin to visually separate each row when stacked */  
	.ui-table-reflow tbody th {
		margin-top: 3em;
	}
	/* Make the label elements a percentage width */ 
	.ui-table-reflow td .ui-table-cell-label,
	.ui-table-reflow th .ui-table-cell-label { 	
		padding: .4em;
		min-width: 50%;
		display: inline-block;
		margin: -1.4em .1em -.4em -.4em;
	}
	/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ 
	.ui-table-reflow th .ui-table-cell-label-top,
	.ui-table-reflow td .ui-table-cell-label-top {
		display: block;
		padding: .4em 0;
		margin: .4em 0;
		text-transform: uppercase;
		font-size: .9em;
		font-weight: normal;
	}
}
/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */ 
@media ( min-width: 768px ) {
	/* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
	.ui-table-reflow.ui-responsive {
		display: table-row-group;
	}
	/* Show the table header rows */ 
	.ui-table-reflow.ui-responsive td,
	.ui-table-reflow.ui-responsive th,
	.ui-table-reflow.ui-responsive tbody th,
	.ui-table-reflow.ui-responsive tbody td,
	.ui-table-reflow.ui-responsive thead td,
	.ui-table-reflow.ui-responsive thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */ 
	.ui-table-reflow.ui-responsive td .ui-table-cell-label,
	.ui-table-reflow.ui-responsive th .ui-table-cell-label { 
		display: none;
	}
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */ 
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/ 
@media ( max-width: 768px ) {
	.ui-table-reflow.ui-responsive td,
	.ui-table-reflow.ui-responsive th {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		clear: left;
	}
}

div.paginator-arrows-left {
    float: left;
}

ul.paginator li {
    float: left;
    padding: 0px 5px 0px 5px;
    border-left: 1px dotted #bbb;
    list-style: none;
}

ul.paginator li.first {
    border-left: 1px dotted #bbb;
}

ul.paginator li.last {
    border-right: 1px dotted #bbb;
}

a.paginator-arrow-right {
display: inline-block;
    width: 10px;
    height: 15px;
    margin-left: 7px;
    background: url(/static/img/link-arrow-right-0.gif) no-repeat center 5px;
}

a.paginator-arrow-left {
display: inline-block;
    width: 10px;
    height: 15px;
    margin-right: 7px;
    background: url(/static/img/link-arrow-left-0.gif) no-repeat center 5px;
}

#mobile-list-table,
.career-list-table {
    table-layout: fixed;
}

.ui-table-reflow td, .ui-table-reflow th {
    font-size: 89%;
}

#mobile-list-table tr th,
.career-list-table tr th {
    margin-top: 3em;
    text-align: left;
    font-weight: bold;
    vertical-align: top;
    padding: .4em .5em;
}
#mobile-list-table tr th,
.career-list-table tr th {
    margin-top: 3em;
    text-align: left;
    padding: .4em .5em;
    vertical-align: top;
}

#mobile-list-table tr div.cell-content,
.career-list-table tr div.cell-content {
    font-size: 89%;
    display: inline-block;
    max-width: 250px;
    min-height: 12px;
}

#mobile-list-table th.table-designation,
.career-list-table th.table-designation {
    min-width: 150px;
    font-size: 100%;
}

#mobile-list-table th.table-employer,
.career-list-table th.table-employer {
    min-width: 110px;
}

#mobile-list-table th.table-location,
.career-list-table th.table-location {
    min-width: 80px;
}

#mobile-list-table th.table-publishDate,
.career-list-table th.table-publishDate {
    min-width: 98px;
}

#mobile-list-table th.table-applicationDeadline,
.career-list-table th.table-applicationDeadline {
    min-width: 100px;
}

#mobile-list-table tbody tr th,
.career-list-table tbody tr th {
    color: #5579a8;
}

#mobile-list-table tr th .ui-table-cell-label,
.career-list-table tr th .ui-table-cell-label {
    color: #3f3f3f;
}

#mobile-list-table div.cell-wrapper,
.career-list-table div.cell-wrapper {
    position: relative;
    width: 100%;
    max-width: 250px;
}

#mobile-list-table tr th.table-designation,
.career-list-table tr th.table-designation {
    font-size: 100%;
}

#mobile-list-table tbody tr th div.cell-content,
.career-list-table tbody tr th div.cell-content {
    font-size: 100%;
}

#mobile-list-table tbody tr th b,
.career-list-table tbody tr th b {
    font-size: 100%;
}

#mobile-list-table div.cell-arrow,
.career-list-table  div.cell-arrow {
    position: absolute;
    right: 0px;
    display: block;
    width: 20px;
    top: 5px;
}

#mobile-list-table a.cell-arrow-up,
.career-list-table a.cell-arrow-up {
    width: 10px;
    height: 10px;
    float: left;
    background: url(/static/img/tablecell-arrow-up-0.gif) no-repeat center center;
}

#mobile-list-table a.cell-arrow-down,
.career-list-table a.cell-arrow-down{
    width: 10px;
    height: 10px;
    float: right;
    background: url(/static/img/tablecell-arrow-down-0.gif) no-repeat center center;
}

#mobile-list-table a.cell-arrow-down:hover,
#mobile-list-table a.cell-arrow-down:active,
.career-list-table a.cell-arrow-down:hover,
.career-list-table a.cell-arrow-down:active {
    background: url(/static/img/tablecell-arrow-down-1.gif) no-repeat center center;
}

#mobile-list-table a.cell-arrow-up:hover,
#mobile-list-table a.cell-arrow-up:active,
.career-list-table a.cell-arrow-up:hover,
.career-list-table a.cell-arrow-up:active {
    background: url(/static/img/tablecell-arrow-up-1.gif) no-repeat center center;
}