@import url("tools.css");

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
    font-family: Arial,sans-serif;
    color: #333333;
    line-height: 1.166;
    margin: 0px;
    padding: 0px;
}

a {
    color: #006699;
    text-decoration: none;
}

a:link {
    color: #006699;
    text-decoration: none;
}

a:visited {
    color: #006699;
    text-decoration: none;
}

a:hover {
    color: #006699;
    text-decoration: underline;
}

h1 {
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2 {
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #334D55;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
}

form {
    margin: 0px;
}

input, select, textarea {
    font-family: Arial, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

input.readonly, input.disabled,
textarea.readonly, textarea.disabled {
    background-color: #EEEEEE;
    border: 1px solid #ACACAC;
    padding: 2px;
}

img {
    border: 0px;
}

hr {
    width: 100%;
    height: 3px;
    color: #333333;
    background-color: #333333;
    border-style: solid;
}


/***********************************************/
/* Layout Divs and Tables                      */
/***********************************************/

#masthead {
    padding: 0px;
    border-bottom: 1px solid #cccccc;
    width: 100%;
}

#navBar {
    width: 20%;
    margin: 0px;
    padding: 0px;
    background-color: #EEEEFF;
    border-right: 1px solid #cccccc;
    vertical-align: top;
}

#headlines {
    width: 20%;
    background-color: #EEEEEE;
    border-left: 1px solid #cccccc;
    /*padding-right: 10px;*/
    vertical-align: top;
}

#container {
    width: 99%;
}

#content {
    padding-bottom: 30px;
    width: 59%;
    vertical-align: top;
}

#contentPrivate {
    padding-bottom: 30px;
    /*width: 79%;*/
    /*border: 1px solid #000000;*/
    /*text-align: center;*/
    vertical-align: top;
}


/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
    margin: 0;
    padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
    padding: 3px 0px 3px 10px;
    padding: 6px;
    text-align: right;
    vertical-align: top;
    font-size: 70%;
}

#globalNav img{
    display: block;
}

#globalNav a {
    padding: 0 4px 0 4px;
    text-transform: lowercase;
}

/************* .topNav styles **************/

#topNav a {
    color: #FFFFFF;
}

/*************** #pageName styles **************/

#pageName{
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
    font-size: 80%;
    padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature {
    margin-top: 20px;
    padding: 0px 10px 15px 20px;
    font-size: 80%;
    text-align: left;
}

/* fix for IE 5/5.5 */
* html div.feature {
    height: 1%;
}

.feature h3{
    padding: 30px 0px 5px 0px;
    text-align: center;
}

.feature img{
    float: left;
    padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story {
    clear: both;
    padding: 20px 10px 15px 20px;
    font-size: 80%;
}

.story p {
    padding: 0px 0px 10px 0px;
}

.story h3 {
    padding-bottom: 10px;
}

.story .tableContainer h3 {
    padding: 10px 0px 2px 0px;
}

.story .storyHeader h3 {
    padding: 5px;
    color: #FFFFFF;
}


/************* #siteInfo styles ***************/

#siteInfo{
    clear: both;
    border-top: 1px solid #cccccc;
    font-size: 75%;
    color: #cccccc;
    padding: 14px 10px 0px 45px;
}

#siteInfo img{
    padding: 4px 4px 4px 10px;
    vertical-align: middle;
}


/************* #search styles ***************/

#search{
    padding: 5px 0px 5px 10px;
    border-bottom: 1px solid #cccccc;
    font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
    display: block;
    margin: 0px;
    padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar {color: #FFFFFF;}
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
    position: relative;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}

#sectionLinks h3 {
    padding: 10px 25px 2px 10px;
    text-transform: capitalize;
    font-size: 12px;
}

#sectionLinks ul {
    border-bottom: 1px solid #CCCCCC;
}

#sectionLinks a {
    display: block;
    border-top: 1px solid #cccccc;
    padding: 3px 0px 3px 10px;
    text-transform: capitalize;
}

#sectionLinks a:hover {
    background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
    position: relative;
    margin: 0px;
    padding: 0px 0px 10px 10px;
    font-size: 90%;
}

.relatedLinks h3{
    padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
    display: block;
}

/************** #advert styles **************/

#advert{
    padding: 30px 0px 10px;
}

#advert img{
    display: block;
}


/************** #headlines styles **************/

#headlines {
    margin: 0px;
    padding: 10px 0px 20px 0px;
    font-size: 80%;
}

#headlines p{
    padding: 5px 0px 5px 0px;
}

#headlines table {
    /*width: 100%;*/
    font-size: 11px;
}

#headlines table tr.header td {
    padding: 5px;
    background-color: #dddddd;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    text-align: left;
}

#headlines table td {
    text-align: center;
}

#headlines table td.img {
    padding-top: 6px;
    background-color: #E9DDE0;
    border-left: 1px solid #DEC0C5;
    border-right: 1px solid #DEC0C5;
}

#headlines table td.text {
    padding-bottom: 3px;
    font-size: 10px;
    background-color: #E9DDE0;
    border-left: 1px solid #DEC0C5;
    border-right: 1px solid #DEC0C5;
}

#headlines table td.img img {
    border: 2px solid #FFFFFF;
}


/************** #login styles **************/

table#login {
    padding: 0px;
    width: 100%;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background-color: #EEEEFF;
}

table#login td {
    padding-left: 5px;
}


/*********** .contentHeader styles ***********/

#contentPrivate .contentHeader, #content .contentHeader {
    margin: 20px 30px 0px 0px;
    color: #334D55;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    text-transform: capitalize;
}

#content .contentHeader {
    margin-left: 20px;
}

#contentPrivate .contentHeader {
    margin-left: 20px;
}

/************* .banner styles ***************/

.banner {
    margin: 0px;
    padding: 0px;
    background-repeat: repeat-x;
    white-space: nowrap;
}

.bannerSub1 {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    height: 97px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #334d55;
}

.bannerSub2 {
    height: 40px;
    margin: 0px;
    padding: 5px 20px 0px 10px;
    font-family: 'Courier New';
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    text-transform: capitalize;
}

.bannerSub3 {
    height: 37px;
    margin: 0px;
    padding: 0px 20px 5px 0px;
    font-family: Arial, 'Courier New';
    font-size: 16px;
    color: #ffffff;
    text-align: right;
    white-space: normal;
    font-weight: bold;
}

/************** #error styles **************/

#error {
    margin: 20px 30px 0px 30px;
    padding: 10px 10px 10px 50px;
    background-color: #FDF7B4;
    border: 1px solid #CC3300;
    color: #000000;
    font-size: 11px;
    text-align: left;
    background-image: url('../images/error_icon.gif');
    background-position: 10px 5px;
    background-repeat: no-repeat;
}


/************** #warning styles **************/

#warning {
    margin: 20px 30px 0px 30px;
    padding: 10px 10px 10px 50px;
    background-color: #FDF7B4;
    border: 1px solid #F2DF08;
    color: #000000;
    font-size: 11px;
    text-align: left;
    background-image: url('../images/warning_icon.gif');
    background-position: 10px 5px;
    background-repeat: no-repeat;
}


/************** #msg styles **************/

#msg {
    margin: 20px 30px 0px 30px;
    padding: 10px 10px 10px 50px;
    background-color: #EEEEFF;
    border: 1px solid #334D55;
    color: #000000;
    font-size: 11px;
    text-align: left;
    background-image: url('../images/msg_icon.gif');
    background-position: 10px 5px;
    background-repeat: no-repeat;
}


/********* #tableHeader styles *********/

#tableHeader {
    padding: 5px;
    background-color: #334d55;
    background-image: url('../images/top_left_corner.gif');
    background-position: top left;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

#content #tableHeader {
    margin: 30px 15px 0px 15px;
    position: static;
}

#content .story #tableHeader {
    margin: 0;
}

#contentPrivate #tableHeader {
    margin: 30px 30px 0px 30px;
    overflow: hidden;
}

#tableHeader img.icon, .floatingIcon {
    margin: 0 0 0 3px;
    padding: 0px;
    float: right;
    border: 0px;
    cursor: pointer;
}

#tableHeader img.inactive {
    cursor: default;
}

#tableHeader img {
    border: 0px;
}

/* fix for IE 5/5.5 */
* html div#tableHeader {
    height: 1%;
}

/********* #tableFooter styles *********/

#tableFooter {
    padding: 5px;
    background-color: #334d55;
    background-image: url('../images/bottom_left_corner.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
}

#content #tableFooter {
    margin: 0px 15px 0px 15px;
}

#contentPrivate #tableFooter {
    margin: 0px 30px 0px 30px;
}


/********* #Users styles *********/

#aUsers { display: block; }

#pUsers { display: none; }

#cUsers { display: none; }


/****** .tableContainer styles *******/

.tableContainer table {
    width: 100%;
    border: 1px solid #CCCCCC;
    font-size: 100%;
    text-align: left;
}

.tableContainer table.jobList,
.tableContainer table.practiceList {
    margin-bottom: 20px;
    background: #EEEEEE;
}

.tableContainer table.filter {
    width: auto;
    border: 0px;
}

.tableContainer table.featuredImages {
    width: auto;
    margin-bottom: 5px;
    border: 0px;
}

.tableContainer table tr.header td,
.tableContainer table tr.adListHeader td {
    padding: 2px 4px 2px 4px;
    background-color: #EEEEFF;
    font-weight: bold;
    text-align: center;
}

.tableContainer table tr.adListHeader td {
    padding-top: 6px;
    padding-bottom: 6px;
    color: #ffffff;
    background-color: #334d55;
    text-align: left;
}

.tableContainer table tr.formHeader td {
    padding-top: 15px;
    background-color: #EEEEFF;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}

.tableContainer table tr.formHeaderDark td {
    padding-top: 15px;
    color: #FFFFFF;
    background-color: #334D55;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}

.tableContainer table tr.important td {
    background-color:#E0E0E0;
    font-weight:bold;

}

.tableContainer table tr.formSubheader td {
    padding-top: 6px;
    padding-bottom: 6px;
}

.tableContainer table tr.filter td {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eeeeff;
}

.tableContainer table td,
.tableContainer table.jobList td {
    padding: 5px 5px 5px 13px;
    background-color: #EEEEEE;
}

.tableContainer table.jobList td,
.tableContainer table.practiceList td {
    padding: 4px 5px 4px 5px;
    background-color: transparent;
}

.tableContainer table.filter tr td {
    padding: 2px 0px 2px 10px;
    background-color: #eeeeff;
    text-align: left;
    font-weight: bold;
}

.tableContainer table.fees td {
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: top;
    font-size: 11px;
}

.tableContainer table.fees td.label {
    background-color: #eeeeff;
}

.tableContainer table.filter select {
    font-weight: normal;
}

.tableContainer table td.label {
    padding: 4px 5px 4px 5px;
    background-color: #334D55;
    color: #FFFFFF;
}

.tableContainer table td.emptyLabel {
    padding: 4px 5px 4px 5px;
}

.tableContainer table td.imgLabel {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff;
}

.tableContainer table td.imgText {
    padding-top: 15px;
    padding-bottom: 10px;
    vertical-align: top;
}

.tableContainer table td.featureAdMenu {
    padding: 0;
    background: transparent;
    border-bottom: 10px solid #334D55;
}

.tableContainer table td.featureAd {
    padding: 10px;
    border: 1px solid #cccccc;
    vertical-align: top;
    line-height: 1.2;
    color: #333333;
    background-color: #eeeeee;
}

.tableContainer table td.featureAd h2 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.tableContainer table td.featureAd h3 {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.tableContainer table td.featureImages {
    width: 180px;
    padding: 0px 0px 10px 4px;
    text-align: center;
    vertical-align: top;
    border-left: 3px solid #ffffff;
    background-color: transparent;
}

.tableContainer table td.featureImages img {
    margin-bottom: 10px;
    /*border: 1px solid #334d55;*/
}

#content .tableContainer table td.label {
    width: 30%;
}

.tableContainer table td.dollarValue {
    padding-left: 4px;
}

.tableContainer {
    padding: 0px;
    color: #334d55;
    font-size: 11px;
    text-align: left;
}

#content .tableContainer {
    margin: 0px 15px 0px 15px;
}

#content .story .tableContainer {
    margin: 0;
    font-size: 12px;
}

#content .story .tableContainer table td li {
    padding-top: 2px;
    padding-bottom: 2px;
}

#content .story .tableContainer table td {
    padding: 10px 5px 10px 13px;
    line-height: 1.2;
}

/* fix for IE 5/5.5 */
* html #content div.tableContainer {
    height: 1%;
    position: static;
}

#contentPrivate .tableContainer {
    margin: 0px 30px 0px 30px;
}

/*********** tabs style **************/

ul.tabsContainer  {
    clear: both;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    list-style: none;
}

ul.tabsContainer li {
    position: relative;
    left: 3px;
    display: block;
    float: left;
    background-color: #EEEEEE;
    width: 190px;
    margin-right: 7px;
    margin-top: 5px;
}

ul.tabsContainer li a {
    display: block;
    color: #818181;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 0px 7px 0px;
    text-decoration: none;
}

ul.tabsContainer li:hover {
    background-color: #DDDDDD;
}

ul.tabsContainer li.active {
    position: relative;
    top: 3px;
    background-color: #334D55;
    margin-top: 0px;
}

ul.tabsContainer li.active a {
    padding: 15px 0px 10px 0px;
    color: #ffffff;
}

ul.tabsContainer li a span.current {
    position: relative;
    top: -2px;
    width: 16px;
    height: 16px;
    background: url('../images/tick-circle.png') no-repeat left top;
    display: inline-block;
    margin-bottom: -6px;
}

.roundCornersTop {
    -webkit-border-radius: 4px 4px 0px 0px;
    -khtml-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

span.tabInfo {
    position: relative;
    top: 3px;
    text-transform:none;
    font-size:11px;
    font-weight: normal;
}

/************ form styles ***********/

.label {
    width: 25%;
    text-align: right;
    text-transform: capitalize;
}

.emptyLabel {
    width: 25%;
    text-align: right;
}

.imgLabel {
    width: 30%;
    text-align: center;
}


/********* popup and report styles *******/

.popupHeader, .reportHeader{
    height: 30px;
    padding: 5px 10px 5px 10px;
    background-image: url('../images/popup_top_bg.gif');
    background-repeat: repeat-x;
    background-position: left top;
    color: #ffffff;
    font-size: 11px;
    font-family: Arial;
    text-align: right;
}

.cvHeader {
    margin: 10px auto;
    padding-top: 10px;
    font-size: 11px;
    width: 750px;
    height: 15px;
}

.popupHeader img, .reportHeader img {
    margin-right: 5px;
    border: 0px;
    vertical-align: top;
}

.cvHeader img, .cvHeader span{
    float: right;
    color: #000;
    margin-left: 5px;
}

.popupHeader a, .popupHeader a:hover, .popupHeader a:visited,
.reportHeader a, .reportHeader a:hover, .reportHeader a:visited {
    color: #ffffff;
}

.popupContentHeader,
.reportContentHeader,
.cvContentHeader {
    padding: 20px 20px 10px 20px;
    color: #334D55;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    /*text-transform: capitalize;*/
}

.cvContentHeader {
    padding: 0;
    margin: 20px 30px 0 20px;
    height: 70px;
    color: #000000;
}

.cvContentHeader img {
    float: right;
}

.cvContentHeader div {
    float: left;
    margin-top: 50px;
}

.popupContentSubheader {
    margin-top: 20px;
    padding: 5px 20px 5px 20px;
    background-color: #eeeeff;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #334d55;
    font-size: 12px;
    font-weight: bold;
}

.reportContentSubheader,
.cvContentSubheader {
    margin-bottom: 20px;
    padding: 5px 20px 5px 20px;
    background-color: #eeeeff;
    border-top: 1px solid #334d55;
    border-bottom: 1px solid #334d55;
    color: #334d55;
    font-size: 12px;
    font-weight: bold;
}

.cvContentSubheader {
    margin-bottom: 5px;
    padding: 5px 0;
    background: none;
    border: 0;
    text-transform: uppercase;
    text-align: left;
    color: #000000;
}

.popupContentSubheader img {
    float: right;
    border: 0px;
    cursor: pointer;
}

.popupContent {
    padding: 10px 20px 0px 20px;
    color: #333333;
    font-size: 11px;
}

.reportContent {
    margin: 10px 20px 10px 20px;
    padding-top: 10px;
    color: #000000;
    font-size: 11px;
    border: 2px solid #334d55;
}

.popupContent ul, ol {
    margin-left: 20px;
    padding-left: 0px;
    padding-right: 20px;
    font-size: 11px;
    font-family: Arial;
    font-weight: normal;
}

.popupContent ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.popupContent ul.level2 li {
    padding-top: 0px;
    padding-bottom: 0px;
}

.reportContentBody {
    padding: 0px 20px 10px 20px;
}

.cvContentBody {
    padding: 0 0 20px 0;
    text-align: left;
}

.reportContentBody table.contentBody,
.reportContentBody table.contentBodyInv {
    width: 100%;
}

.reportContentBody table.contentBody tr.header td,
.reportContentBody table.contentBodyInv tr.header td {
    border-top: 1px solid #334d55;
}

.reportContentBody table.contentBody tr.header td {
    padding-left: 5px;
    text-align: center;
    color: #334d55;
    background-color: #eeeeff;
    font-weight: bold;
}

.reportContentBody table.contentBody tr.header td.firstColumn,
.reportContentBody table.contentBodyInv tr.header td.firstColumn {
    border-left: 1px solid #334d55;
}

.reportContentBody table td {
    vertical-align: top;
    white-space: nowrap;
}

table.contentBody.normalWhiteSpace td{
    vertical-align: top;
    white-space: normal;
}

.reportContentBody table.contentBody td,
.reportContentBody table.contentBodyInv td {
    /*padding: 5px 5px 5px 15px;*/
    padding: 2px;
    border-right: 1px solid #334d55;
    border-bottom: 1px solid #334d55;
}

.reportContentBody table.contentBodyInv td {
    text-align: right;
}

.reportContentBody table.contentBody td.firstColumn,
.reportContentBody table.contentBodyInv td.firstColumn {
    text-align: right;
    border-left: 1px solid #334d55;
}

.reportContentBody table.contentBody td.label {
    width: 25%;
    padding-right: 5px;
    color: #334d55;
    background-color: #eeeeff;
    text-transform: capitalize;
    vertical-align: top;
}

.reportContentBody table.contentBodyInv td.firstColumn {
    color: #334d55;
    background-color: #eeeeff;
    font-weight: bold;
}

.reportFooter, .cvFooter {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #334d55;
    font-size: 11px;
    font-style: italic;
    text-align: center;
}

.cvFooter {
    color: #000000;
}

/************ icon styles ***********/

.icon {
    cursor: pointer;
}

#expandIcon, .expandIcon  {
    vertical-align: middle;
    cursor: pointer;
}

.feature #expandIcon, .feature .expandIcon {
    padding: 2px 4px 0px 3px;
}

#dotsIcon {
    float: left;
}

.actionIcon {
    margin: 0px 3px 0px 3px;
    border: 0px;
    cursor: pointer;
}

.calIcon {
    vertical-align: top;
    cursor: pointer;
}

.asterix {
    color: #CC3300;
    font-size: 15px;
    font-weight: normal;
}


/*********** ad styles ************/

.adDateModified {
    padding: 2px 0px 2px 0px;
    float: right;
    color: #000000;
    font-weight: normal;
}

.adPipe {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 120%;
    font-weight: bold;
}

.adLabel {
    font-weight: bold;
    color: #333333;
}

.adValue {
    color: #000000;
}


/********** pager styles **********/

.pager {
    margin: 0px 15px 10px 15px;
    font-size: 12px;
    text-align: right;
}


/********* spacer styles **********/

.spacer {
    height: 20px;
}


/* styled taken out of html pages */

.style1 {
    color: #FFFFFF
}
.style2 {
    font-family: "Courier New", Courier, mono;
    color: #FFFFFF;
}
.style4 {
    font-family: Arial, Helvetica, sans-serif;
    color: #334d55;
}

/* home page news section styles */
table.news {
    margin-top: 30px;
    width: 90%;
    font-size: 11px;
    font-family: arial;
    color: #000000;
    border: 1px solid #334D55;
    background-color: #FFFFFF;
}

table.news td {
    padding: 10px;
}

/* latest additions styles */
table.latest {
 margin-top: 30px;
 margin-bottom: 20px;
 font-size: 11px;
 font-family: arial;
 color: #000000;
}

table.latest td {
    background: #E3E6E7;
    border-left: 1px solid #B4CED6;
    border-right: 1px solid #B4CED6;
}

/* misc styles */
.atop {
    vertical-align: top;
}

.tacenter {
   text-align: center;
}

.red {
    color: #CC3300;
}

.emailPreview table, .emailPreview table tr, .emailPreview table tr td {
    width: auto;
    color: #333333;
    border: none;
    background-color: #fff;
    padding: 0;
}

.emailPreview table {
    width: 680px;
}

table.jobAdFeaturedSummary {
    border:0px;
    border-collapse: collapse;
}

table.jobAdFeaturedSummary  td.summaryLabel{
    padding: 0px;
    width: 35%;
    font-weight: bold;
    color: #334D55;
}

table.practiceAdFeaturedSummary {
    border:0px;
    border-collapse: collapse;
}

table.practiceAdFeaturedSummary  td.summaryLabel{
    padding-left:0px;
    width:50%;
    font-weight: bold;
    vertical-align:top;
    color: #334D55;
}

table.practiceAdFeaturedSummary  td span {
    font-weight:normal;
    color:#333333;
}

/* fix styles on preview email */
.emailPreview table td.summaryLabel{
    padding:5px 0px;
    width:50%;
    font-weight: bold;
    vertical-align:top;
    color: #334D55;
    background-color:#eeeeee;
}

.emailPreview table td.summaryLabel span{
    font-weight:normal;
    color:#333333;
}

/* select and deselect between two blocks */
p.selection_header span.asterix{
    font-size: 11px;
}

div#candidate_list, div#selection_list {
    background-color: #FFF;
    width: 200px;
    height: 100px;
    overflow: auto;
    border: 1px solid #CCC;
}

div#candidate_list.large, div#selection_list.large {
    width: 250px;
}

div#candidate_list div, div#selection_list div {
    margin:1px;
    padding: 3px;
}

div#candidate_list div:hover, div#selection_list div:hover {
    background-color: #EEE;
}

div#candidate_list div a.select, div#selection_list div a.deselect {
    float: right;
    font-size: 11px;
    margin-left: 10px;
}

/*
*    At a glance page style
*/

#contentPrivate.atAGlance{
	text-align: center;
}

#contentPrivate.atAGlance .tableContainer{
	margin-top:30px;
}

#contentPrivate.atAGlance #tableHeader{
	margin:0px;
}

#contentPrivate.atAGlance .tableContainer td{
	padding-top: 15px;
}

#contentPrivate.atAGlance .tableContainer h1{
	font-size:16px;
}

#contentPrivate.atAGlance .tableContainer h1:nth-child(n+2){
    margin-top:15px;
}

#contentPrivate.atAGlance .tableContainer h1 span{
    font-size:11px; font-weight: normal;
}

#contentPrivate.atAGlance .tableContainer h2{
    font-size:13px;
    margin-top:15px;
}

#contentPrivate.atAGlance .tableContainer ul{
    margin:15px 0px;padding:0;
}

#contentPrivate.atAGlance .tableContainer li{
    list-style:none; float: left; width: 30%; margin-right: 2%; padding: 2px 0;
}

#contentPrivate.atAGlance .tableContainer li ul.qualifications{
    margin: 0; padding: 0;
}

#contentPrivate.atAGlance .tableContainer li ul.qualifications li{
    list-style:none;
}

#contentPrivate.atAGlance .tableContainer li.location{
    list-style:none; float: left; width: 90%;
}

#contentPrivate.atAGlance tr.header td:nth-child(1){
	width: 65px; text-align: center;
}

#contentPrivate.atAGlance tr.header td:nth-child(2){
    width: 45%;
}

#contentPrivate.atAGlance tr.header td:nth-child(4){
    width: 100px;
}

#contentPrivate.atAGlance .history td{
    padding-top:5px;
	vertical-align: top;
}