/* Generic HTML styling */

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: table;
    width: 100%;
    font: normal .9em arial, helvetica, sans-serif;
    color: #555555;
    background: #ffffff;
}

/*-----------------------------

	     containers

-------------------------------*/



.contentPlaceHolder {
    margin: 10px;
    padding: 10px;
    background: #fff;
}

/*-----------------------------

	      menu

-------------------------------*/





.modernbricksmenu {
    width: auto !important;
    height: 50px;
    margin: 10px 10px 0;
    padding: 0;
    text-transform: capitalize;
    border: 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
   
    background: #018C55;
}

    .modernbricksmenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .modernbricksmenu li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    .modernbricksmenu a {
        display: block;
        height: 50px;
        float: left;
        margin: 0;
        padding: 0pt 10px;
        font-weight: bold;
        font-size: 15px;
        line-height: 3.5em;
        color: #fff;
        text-decoration: none;
        border-bottom: none;
    }

        .modernbricksmenu a:hover,
        .modernbricksmenu .current a {
            color: #000000; 
        }

/*-----------------------------

	      content

-------------------------------*/





.companyLogo {
    padding: 10px 15px 5px 10px;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.boldCenter {
    text-align: center;
    font-weight: bold;
}

h1,
h2,
h3,
h4 {
    color: #555555;
}

a {
    color: #018C55;
    text-decoration: none;
    border-bottom: 1px solid #e4e3e3;
}

    a:hover,
    a.image {
        color: #000000;
		
    }

    a.NewImage:after {
        position: relative;
        bottom: 2px;
        margin-left: 4px;
        padding: 2px 4px;
        content: 'NEW';
        font-size: .7em;
        color: #fff;
        background: #911d1d;
        border-bottom: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
    }

    a.NewImage:hover:after {
        background: #413e3f;
    }

.Message {
    margin: 5px 0;
    padding: 10px;
    font-weight: bold;
    border: none;
    background: #ebebeb;
}

td {
    vertical-align: top;
    padding: 5px;
}

.ProfileHeader {
    margin-top: 10px;
    font-weight: bold;
    background: #ebebeb;
    padding: 7px 3px 3px;
}

.SummaryHeader {
    margin-top: 10px;
    font-weight: bold;
    background: #ebebeb;
    padding: 3px;
}

.SearchTable {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 99%;
}

.SearchControl {
    margin-top: 4px;
}

.StaffTable {
    width: 99%;
}

.StaffTableHeader {
    background: #ebebeb;
    border: none;
}

    .StaffTableHeader td {
        text-align: center;
        font-weight: bold;
    }

.CandidateGrid {
    border: none;
}

.CandidateHeader th {
    font-weight: bold;
    background: #ebebeb;
    border: none;
    text-align: left;
}

.CandidateRow td {
    vertical-align: middle;
    border: none;
    border-bottom: solid 1px #ebebeb;
    padding: 2px;
}

.StaffDragableItem {
    min-height: 16px;
    width: 200px;
    background: Transparent;
    font-weight: bold;
    text-align: center;
    cursor: move;
    padding: 2px;
}

.StaffDragDropColumn {
    min-height: 100px;
    width: 100%;
    border: none;
    background: transparent;
    text-align: center;
}

.Search {
    background: #ebebeb;
    width: 99%;
}

.searchHeader {
    font-weight: bold;
    background: #ebebeb;
}

/* POSITION PAGES */



.table,
.tableMain {
    width: 840px;
}

.MyInfoTable {
    width: 840px;
}

.accordionHeader {
    color: #fff;
    background: #ccc;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
    border-bottom: solid 1px white;
}

.accordionContent {
    border: none;
}

.tableHeader,
.accordionLink {
    font-weight: bold;
    background: #ccc;
    padding: 3px;
    color: #000;
    text-decoration: none;
}

.tableFooter {
    text-align: center;
    background: #ebebeb;
    padding: 5px;
}

.searchHeader,
.tableColumnHeader,
.tableColumnHeaderWider {
    font-weight: bold;
    background: #ebebeb;
    padding: 5px; min-width: 100px;
}

.tableColumnHeaderWider, .tableColumnHeader
{
 height:24px;
 vertical-align:middle;
 text-align: center;
}

.textCenter {
    text-align: center;
}

.spaceLine {
    background: #ebebeb;
    height: 1px;
}

.gridStyle {
    border: none;
    vertical-align: top;
    text-align: left;
    margin: 0px;
    width: 840px;
}

    .gridStyle TD {
        border: none;
        text-align: left;
    }

.gridHeaderStyle th {
    padding: 5px;
    font-weight: bold;
    text-align: left;
    background: #ebebeb;
    border: none;
}

.gridAlternateRowStyle td,
.gridRowStyle td {
    border: none;
    border-bottom: solid 1px #ebebeb;
    padding: 2px;
}

.CellStyleBottomBorder {
    border: none;
    border-bottom: solid 1px #ebebeb;
}

.SectionTitle {
    font-weight: bold;
}

.bdpLite {
}

.bdpLiteTextBox {
    width: 80px;
}

.positionControl {
    width: auto;
}

.posListControl {
    width: auto;
}

.listBoxTwins {
    width: 220px;
    height: 140px;
}

.buttonMoveFromTo {
    width: 50px;
}

.buttonMoveUpDown,
.buttonAction {
    min-width: 100px;
}

.mainTableCol1,
.mainTableCol2 {
    vertical-align: top;
    text-align: left;
    padding: 2px;
}

.mainTableCol1 {
    width: 300px;
}

.mainTableCol2 {
    width: 540px;
}

.posListCol1,
.posListCol2,
.posListCol3,
.posListCol4 {
    vertical-align: top;
    text-align: left;
}

.posListCol1,
.posListCol3 {
    width: 220px;
}

.posListCol2 {
    width: 40px;
}

.posListCol4 {
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* Ranking pages */



.RankingTable {
    width: 780px;
}

/* HOVER POPUP LINKS used on showing question and answers on Ranking pages */



.popup {
}

    .popup a,
    .popup a:visited {
        position: relative;
        display: block;
        margin: 0;
        text-decoration: none;
    }

        .popup a span {
            display: none;
        }

        .popup a:hover {
        }

        /* the IE correction rule */

        .popup a:hover {
            color: #f00;
            text-indent: 0; /* added the default value */
        }

            .popup a:hover span {
                display: block;
                position: absolute;
                left: 0px;
                width: 250px;
                margin: 0px;
                padding: 5px;
                color: #335500;
                font-weight: normal;
                background: #eaf6ff;
                text-align: left;
                border: 1px solid #666;
            }

/* DragDrop Bulleted List */



.DragDropBulletedListTable td {
    border: 1px solid #AAA;
}

ul.DragDropBulletedList {
    width: 120px;
    min-height: 40px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

    ul.DragDropBulletedList li {
        position: relative;
        cursor: move;
        margin-bottom: 0;
        padding: 1px;
        border: 1px solid #fafafa;
        background: #fff;
    }

/* Candidate Types */



.candidateWebsite {
    color: black;
}

.candidateImported {
    color: green;
}

.candidateInternal {
    color: red;
}

.candidateNotaFit {
    color: purple;
}

/* Position Grid Columns */



.positionGridTitle {
    width: 300px;
    text-align: left;
}

.positionGridLocation {
    width: 200px;
    text-align: left;
}

.positionGridType {
    width: 100px;
    text-align: left;
}

.positionGridStatus {
    width: 120px;
    text-align: left;
}

.positionGridCommand {
    width: 80px;
    text-align: left;
}

/* Position Detail */



.positionDetalTable {
    width: 840px;
}

    .positionDetalTable td {
        text-align: left;
    }

.positionDetalFieldTitle {
    width: 160px;
}

.positionDetalFieldData {
    width: 680px;
}

.dashboardHeaderLeft,
.dashboardHeaderRight,
.dashboardTitle,
.dashboardHeader {
    color: black;
    font-weight: bold;
    background-color: #ebebeb;
    text-decoration: none;
    vertical-align: middle;
}

.dashboardTitle {
    padding: 0 10px;
}

.dashboardHeaderLeft {
    float: left;
}

.dashboardHeaderRight {
    margin-right: 0px;
    float: right;
}

.dashboardTitle {
    text-align: center;
}

.questionTitleColumn {
    width: 120px;
    vertical-align: top;
}

.questionControlColumn {
    width: 720px;
    vertical-align: top;
}

.positionControlComment {
    width: 600px;
    height: 100px;
}

/* ADMINISTRATION - Email List page*/



.emailListNameColumn {
    width: 700px;
}

.emailListSelectionColumn {
    width: 140px;
    text-align: right;
    padding-right: 20px;
}

.emailListButtonColumn {
    width: 70px;
    text-align: right;
}

/* System Alert - Messages */



.systemAlertDIV {
}

.systemAlert {
    color: Red;
}

.GridviewCenterWorkaround {
    text-align: center;
}

.LocationPopup {
    width: 370px;
    padding: 15px;
    background: #fff;
    background-clip: padding-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    border: 15px solid rgba(135,135,135,0.6);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    z-index: 1;
}

input[type="submit"],
input[type="button"]
 {
    margin: 0;
    padding: 5px 12px;
    color: #fff;
    text-transform: none;
    /* fallback/image non-cover color */
    background-color: #018C55;
   
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 0;
    cursor: pointer;
}
 
    input[type="submit"]:hover,
    input[type="button"]:hover,
    .submitButton:hover {
        background: #000000;
    }
	
.positiondetail_twocolumn {
      float: left;
      width: 50%;
      max-width: 400px;
 }