/***********************************
		COURSE RESULT TABLE
************************************/
table.toggleTable
{
    margin: 0 0 0 0;
    /*border-top: 1px solid #c4c4c4;*/
    table-layout:auto;
    width: 720px;
    float: left;
}

.caption
{
    font-size: 10px;
    padding: 0 10px 0 10px;
    background: #76af20;
    margin: 15px 0 2px 0;
    width: 700px;
    float: left;
}

.caption label
{
    float: right;
    color: #fff;
    font-size: 10px;
    margin: 8px 0 0 5px;
}

.caption select
{
    float: right;
    margin: 4px 0 5px 5px;
    width: auto;
}

table.toggleTable tfoot td 
{
    height: 10px;
    background: #9ec95e url(/images/backgrounds/bg_tablecaption_green.png) left top repeat-x;
    border: none;
    padding:0;
}


table.toggleTable td.col_1
{
    width: 81px;
}

table.toggleTable td.col_2
{
    width: 259px;
}

table.toggleTable td.col_3
{
    width: 89px;
}

table.toggleTable td.col_4
{
    width: 99px;
}

table.toggleTable td.col_5
{
    width: 58px;
}

table.toggleTable td.col_6
{
    width: 14px;
}

table.toggleTable th
{
    border: none;
    border-top: 2px solid #fff;
    background: #9ec95e url(/images/backgrounds/bg_tablecaption_green.png) left top repeat-x;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 5px;
    padding-left: 10px;
    vertical-align: top;
    font-size: 10px;
}

table.toggleTable th a
{
    font-size: 10px;
    text-decoration: none;
    padding: 0 12px 0 0;
    color: #fff;
}

table.toggleTable th a.asc
{
    background: url(/Images/icon_sort_asc.png) right 1px no-repeat;
}

table.toggleTable th a.desc
{
    background: url(/Images/icon_sort_desc.png) right 1px no-repeat;
}

table.toggleTable td
{
    border: none;
    text-align: left;
    vertical-align: top;
}

table.toggleTable tr.itemRow td
{
    border: none;
    border-bottom: 1px solid #717171;
    text-align: left;
    font-size: 10px;
    padding: 7px 10px 9px 10px;
    cursor: pointer;
}

table.toggleTable td.fullwidth
{
    padding: 0;
    margin: 0;
    width: 720px;
}

.detailInfoBox
{
    float: left;
    margin: 0 0 0 0;
    font-size: 10px;
    padding: 0 10px 10px 110px;
    display: none;
    width: 600px;
    background: url(/images/backgrounds/bg_toogletable.png) left bottom repeat-x;
}

.detailInfoBox p
{
    font-size: 10px;
    margin: 0 0 10px 0;
}

.detailInfoBox span.infoWrapper
{
    float: left;
    width: 450px;
}

.detailInfoBox b,
.detailInfoBox a
{
    font-size: 10px;
}

.detailInfoBox img.preview
{
    float: right;
    margin: 10px 10px 0 10px;
}

.detailInfoBox p.loading
{
    margin: 10px 0 0 0;
}

.detailInfoBox dd.description
{
    width: 370px;
}


table.toggleTable td.indicator
{
    background-image: url(/images/icons/sprite.png);
    background-position: -200px -90px;
    background-repeat: no-repeat;
}

table.toggleTable tr.is-active td.indicator
{
    background-image: url(/images/icons/sprite.png);
    background-position: -300px -90px;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
}

table.toggleTable tr.is-active td
{
    background-color: #f4f4f4;
    border-bottom: none;
}


table.toggleTable tfoot td,
table.commonTable tfoot td
{
    color: #fff;
    padding: 4px 10px 5px 10px;
    font-size: 10px;
}

table.toggleTable tfoot span,
table.toggleTable tfoot span a,
table.commonTable tfoot span,
table.commonTable tfoot span a
{
    font-size: 10px;
    color: #fff;
}

table.toggleTable tfoot td div.paging,
table.commonTable tfoot td div.paging
{
    float: right;
    font-size: 10px;
}


/***********************************
		SEARCH
************************************/
.searchBox
{
    margin: 0 10px 0 0;
	float: left;
	display: inline;
}

.searchBox input.search
{
	width: 100px;
	height: 16px;
	border: 1px solid #bfbfbf;
	border-right: none;
	color: #707070;
	padding: 2px 3px 0 3px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
}

.searchBox input.datePick
{
    width: 70px;
	height: 16px;
	border: 1px solid #bfbfbf;
	padding: 2px 3px 0 3px;
	float: left;
	margin: 0 0 0 10px;
}

.searchBox div.tipsa-event
{
    float: left;
    margin: -10px 0 0 10px;
}

.SubmitButton
{
	width: 20px;
	height: 20px;
	border: none;
	color: #616161;
	background: #fff url(/images/icons/sprite.png) 0px -40px no-repeat;
	border: none;
	float: left;
	outline:none;
	cursor: pointer;
}

select
{
	border: 1px solid #bfbfbf;
	margin: 0 0 0 10px;
	float: left;
	font-family: Verdana;
	font-size: 12px;
	height: 20px;
}

.monthChoose
{
    float: left;
    width: 150px;
    margin: 8px 15px 0 250px;
    color: #fff;
}

.monthChoose a
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.selectPrev
{
    float: left;
    width: 15px; 
    margin: -2px 0 0 0;
}

.selectNext
{
    float: right;
    width: 15px; 
    margin: -2px 0 0 0;
}

.currentMonth
{
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.regionSelect
{
    width: 150px;
}

.citySelect
{
    width: 150px;
}

p.introtext
{
    float: right;
    margin: 10px 30px 0 0;
}