﻿.defaultContentSubTitle
{
    font-size: 110%;
    color: #7199d9;
    display: block;
    margin-bottom: 6px;
}

.jobsearchListContainer
{
    padding: 8px;
    background: #eee;
}

.jobsearchListTitle
{
    display: block;
    font: 80% Verdana, Arial;
    color: #7199d9;
    margin: 2px 0 12px 0;
}

.jobsearchList, .jobsearchTextbox
{
    border: solid 1px #7199d9;
    font: 74% Verdana, Arial;
    padding: 2px;
    color: #888;
    width: 160px;
}

.jobsearchList
{
    height: 100px;
}

.jobsearchButton
{
    font: 74% Verdana, Arial;
    padding: 2px 10px;
}

.jobsearchGridview
{
    font: 70% Verdana, Arial;
    color: #777;
}

.jsGridviewHeader
{
    background: #ccc;
    height: 30px;
    line-height: 30px;
}

.jsGridviewHeader th
{
    padding: 0 6px;
}

.jsGridviewRow, .jsGridviewAltRow
{
    line-height: 14px;
}

.jsGridviewRow td, .jsGridviewAltRow td
{
    padding: 4px 6px;
}

.jsGridviewRow
{
    background: #fff;
}

.jsGridviewAltRow
{
    background: #eee;
}

.jsGridviewPager
{
    background: #fff;
    height: 36px;
    line-height: 36px;
    font-size: 110%;
}

.jsGridviewPager span
{
    padding: 2px 4px;
    margin: 0 2px;
    color: #c22;
    border: solid 1px #c22;
}

.jsGridviewPager a
{
    padding: 2px 4px;
    margin: 0 2px;
}

.jsGridviewPager a:link, .jsGridviewPager a:visited
{
    color: #7199d9;
    text-decoration: none;
    border: solid 1px #fff;
}

.jsGridviewPager a:hover, .jsGridviewPager a:active
{
    color: #c22;
    border: solid 1px #c22;
}

a.jsGridviewLink:link, a.jsGridviewLink:visited
{
	color: #c22;
	text-decoration: none;
}

a.jsGridviewLink:hover, ajsGridviewLink:active
{
	text-decoration: underline;	
}

.jsDetails
{
    font: 80% Verdana, Arial;
    color: #777;
}

.jsDetails td
{
    padding: 4px;
}

.jsDetailsRowHeader
{
    width: 120px;
    color: #7199d9;
}

.jsDetailsRow
{
    background: #eee;
}

.jsDetailsAltRow
{
    background: #fff;
}

.jsApplyTextbox, .jsApplyDropdown
{
    border: solid 1px #7199d9;
    padding: 2px;
    font: 90% Verdana, Arial;
    color: #777;
    background: #fff;
}


.rightArrowImage
{
    display: block;
    position: relative;
    width: 50px;
    height: 40px;
    background: transparent url(../../images/arrow-right.png);
}

.orImage
{
    display: block;
    position: relative;
    width: 50px;
    height: 40px;
    background: transparent url(../../images/or.png);
}

.clickToApply
{
    width: 100px;
    height: 32px;
    background: transparent url(../../click2apply.jpg);
}
