body {
    font-family: Verdana, Arial, sans-serif;
    color: #333;
    font-size: 12px;
    margin-bottom: 50px;
}

a {
    text-decoration: none;
    color: #035aa4;
}

html {
    overflow-y: scroll;
}

/* Headings */
h1 {
    color: #778161;
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: normal;
    margin-top: 15px;
    line-height: normal;
}

h2 {
    font-size: 18px;
    color: #778161;
    font-weight: normal;
}

h3 {
    font-size: 18px;
    color: #777161;
    font-weight: normal;
    margin-bottom: 7px;
}

h4 {
    font-size: 16px;
    color: #4183c2;
    text-align: left;
}

h5 {
    color: #4183c2;
    font-size: 13px;
}

h6 {
    font-weight: normal;
    font-size: 12px;
}

em {
    font-size: 12px;
    color: #333;
    font-weight: normal;
    font-style: italic;
    margin-top: 3px;
}

h1, h2, h3 {
    margin-top: 0;
}

/* Layout */
#wrapper {
    width: 1024px;
    margin: 0 auto;
}

#mg-header {
    width: 1024px;
    float: left;
    padding-bottom: 7px;
}

#mg-header img {
    max-width: 250px;
    margin: auto;
}

#mg-footer {
    text-align: center;
    border-top: 11px solid #4283c7;
    height: 100px;
    width: 100%;
    float: left;
    margin-top: 50px;
}

#mg-footer img {
    margin: -34px 0 0 700px;
}

/* Content */
#content {
    margin: 0;
    padding: 0;
    width: 1024px;
    float: left;
}

/* Main Navigation */
.main-nav {
    float: left;
    width: 1024px;
    position: relative;
    background: #f5f5f5;
    border-radius: 5px;
    margin-left: 0;
}

.main-nav li {
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 11px;
    color: #9fbbc9;
    list-style: none;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
    border-radius: 5px;
}

.main-nav li:hover {
    background: #E8E8E8;
}

.main-nav li:hover a {
    color: #3299CC;
}

.main-nav li a {
    color: black;
    color: #035aa4;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    padding: 7px 0px 7px;
}

.main-nav li a:hover {
    text-decoration: none;
}

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

.modalPopup {
    background-color: #ffffff;
    border: 3px solid Gray;
    padding: 3px;
    width: 250px;
}

.updateProgress {
    background-color: #fff;
    filter: alpha(opacity=70);
    margin: 0px;
    opacity: 0.7;
    padding: 0px;
    position: absolute;
}

.updateProgress div {
    background-color: white;
    left: 50%;
    padding: 4px;
    position: absolute;
    top: 50%;
}

/*.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { background: #F2F2F2; border: 1px inset black; border-radius: 10px; padding: 10px; }
div[class^='span']:hover { background: #DCDCDC; }*/

/* Change Bootstrap Table Hover Color */
.table-hover tbody tr > td {
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.table-hover tbody tr:hover > td {
    background-color: #dcdcdc;
}

.table-hover thead tr > th {
    background-color: #4888c5;
    color: white;
}

.table-hover thead tr:hover > th {
    background: #4888c5;
}

.table-hover tbody tr > th {
    background-color: #4888c5;
    color: white;
}

.table-hover tbody tr:hover > th {
    background: #4888c5;
}

.table-bordered {
    border: 1px solid #c6c6c6;
    -moz-border-top-colors: #c6c6c6;
    -moz-border-bottom-colors: #c6c6c6;
    -moz-border-left-colors: #c6c6c6;
    -moz-border-right-colors: #c6c6c6;
}

.table-bordered > tbody > tr > td {
    border: 1px solid #c6c6c6;
    -moz-border-top-colors: #c6c6c6;
    -moz-border-bottom-colors: #c6c6c6;
    -moz-border-left-colors: #c6c6c6;
    -moz-border-right-colors: #c6c6c6;
}

.table-hover thead tr th.header {
    cursor: pointer;
    background-image: url(../PA/images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
}

.table-hover thead tr th.headerSortDown {
    background-image: url(../PA/images/desc.gif);
    background-color: #325f89;
    background-color: #669bce;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

.table-hover thead tr th.headerSortUp {
    background-image: url(../PA/images/asc.gif);
    background-color: #325f89;
    background-color: #669bce;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

/*.noSort { 
    background: none;
}*/

.well {
    background-color: #FCFCFC;
}

.arrow-up {
    position: relative;
    top: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #4183c2;
}

.arrow-down {
    position: relative;
    top: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #4183c2;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}

.circle {
    background: white;
    padding: 9px 15px;
    border-radius: 100%;
    border: solid black 1px;
}

.hidden {
    visibility: hidden;
    display: none;
}

.visible {
    visibility: visible;
    display: block;
}

#portfolioCurrentUser {
    color: #4183c2;
    font-size: 20px;
    font-weight: normal;
    text-align: right;
    line-height: 2.5;
    margin-right: 15px;
}

.calendarControlFix tr td {
    padding: 0;
}

.dateSearchTable > tbody > tr > td {
    padding: 10px;
}

#MainContent_imgPhoto {
    width: 150px;
}

.paper {
    padding: 10px 0px 10px 10px;
    border-radius: 10px;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

.paper:hover {
    background-color: #E8E8E8;
    cursor: pointer;
}

.paper h2 {
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    padding-left: 70px;
    vertical-align: middle;
}

.paper a {
    margin-left: 50px;
}

.paper a:hover {
    text-decoration: none;
}

.igdd_DropDownButton > img {
    max-width: none;
}
/*Table Format Testing*/
/*table, tr, td, tbody, th { border: 3px solid yellow !important; }
tr { border: 4px solid white; }
th { border: 3px solid green !important; }
tbody { border: 3px solid green !important; }
td { border: 2px solid blue !important; }*/

#test, #test2 {
    text-align: center;
    width: 100px;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
}

.table th, .table td {
    border-top: none;
}

.button {
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 10px;
    border: 1px solid #E8E8E8;
    background: #f5f5f5 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAJklEQVQIW2P4//+/NxMDA8N/JgYGhn+oLDQu7Vk/GP4zMXDQx3IA0To1YWcEwtQAAAAASUVORK5CYII=") repeat-x;
    background: #4888c5 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAJklEQVQIW2P4//+/NxMDA8N/JgYGhn+oLDQu7Vk/GP4zMXDQx3IA0To1YWcEwtQAAAAASUVORK5CYII=") repeat-x;
    cursor: pointer;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    color: #035aa4;
    color: white;
    margin-right: 5px;
    margin-left: 25px;
}

.button:hover {
    text-decoration: none;
    background: #3b7bb9 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAJklEQVQIW2P4//+/NxMDA8N/JgYGhn+oLDQu7Vk/GP4zMXDQx3IA0To1YWcEwtQAAAAASUVORK5CYII=") repeat-x;
    color: white;
}

.numRecords {
    padding: 3px 7px;
    border: 1px solid #808080;
    background: #E8E8E8;
}

#MainContent_btnSearchEvidence {
    margin-top: 10px;
}

.viewLink {
    margin-left: 50px;
}

/*#MainContent_upCoursesRotations:hover {
    background: #808080;
}*/

a[id^="MainContent_lbView"] {
    float: right;
    margin-top: 5px;
    margin-right: 40px;
}

.hoverOn:hover {
    background-color: #dcdcdc;
}

.hoverOff:hover {
    background: none;
}

.recordInfo {
    padding: 20px 0;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
    border-radius: 5px;
}

.recordInfo h3, .recordInfo h4 {
    display: inline;
    font-weight: normal;
    padding-left: 10px;
}

.recordInfo:hover {
    /*background-color: #dcdcdc;*/
    background: #f6f6f6;
}

.noRecordInfo {
    padding: 20px 0;
}

.noRecordInfo h3, .noRecordInfo h4 {
    display: inline;
    font-weight: normal;
    padding-left: 10px;
}

.addPaddingBottom {
    padding-bottom: 15px;
}

.addNewBar {
    width: 100%;
}

.addNewBar .newButton:first-child {
    margin-left: 25px;
}

.addNewBar > tbody > tr > td:nth-child(2) {
    text-align: right;
}

.addNewButton {
    display: inline-block;
    padding: 5px 10px;
    *width: 205px;
    margin-bottom: 10px;
    border: 1px solid #E8E8E8;
    background: #f5f5f5 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAJklEQVQIW2P4//+/NxMDA8N/JgYGhn+oLDQu7Vk/GP4zMXDQx3IA0To1YWcEwtQAAAAASUVORK5CYII=") repeat-x;
    cursor: pointer;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    color: #035aa4;
    margin-right: 5px;
    margin-left: 25px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.newButton {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 1px solid #E8E8E8;
    background: #f5f5f5 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAJklEQVQIW2P4//+/NxMDA8N/JgYGhn+oLDQu7Vk/GP4zMXDQx3IA0To1YWcEwtQAAAAASUVORK5CYII=") repeat-x;
    cursor: pointer;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    color: #035aa4;
    margin-right: 5px;
    margin-left: 5px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.newButton:first-child {
    margin-left: 25px;
}

.addNewButton:hover {
    text-decoration: none;
    background: #E8E8E8 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAJklEQVQIW2P4//+/NxMDA8N/JgYGhn+oLDQu7Vk/GP4zMXDQx3IA0To1YWcEwtQAAAAASUVORK5CYII=") repeat-x;
}

.newButton:hover {
    text-decoration: none;
    background: #E8E8E8 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAJklEQVQIW2P4//+/NxMDA8N/JgYGhn+oLDQu7Vk/GP4zMXDQx3IA0To1YWcEwtQAAAAASUVORK5CYII=") repeat-x;
}

#MainContent_wdReflection {
    position: relative;
    top: 150px;
    left: 600px;
}

label {
    display: inline;
    margin-left: 10px;
    position: relative;
    top: 3px;
}

a[id^='MainContent_rptrCV_lbCV_'] {
    float: right;
    margin-top: 5px;
    margin-right: 40px;
}

.reflections {
    padding: 5px 0;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    /*cursor: pointer;*/
    border-radius: 5px;
}

.reflections a { padding-right: 10px; }
.reflections span {
    padding-right: 20px;
}

/* Overide Bootstrap Tooltip arrow */
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: none;
  border-width: 0;
}