/* CSS Document */
html {
    box-sizing: border-box;
}

body {
	background: #fcfcfc;
	color: #231e20;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	min-height: 100%;
	padding: 0;
	position: relative;
}

td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.button {
    transition: all 0.3s ease;
    background: #BF5700;
    border: 1px solid #fcfcfc;
    color: #fcfcfc !important;
    display: inline-block;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 0.125em;
    padding: 5px 10px;
    text-transform: capitalize;
    text-decoration: none;
}

    .button:hover {
        background: #231e20;
        color: #fcfcfc !important;
    }

    .button.registered {
        background: #989898;
    }

        .button.registered :hover {
            background: #989898;
        }

/* 
 * Header 
*/

.header-topbar-inner  .text-left {
	color:#231e20;
	float:left;
	font-size:1.25em;
	font-weight: 400;
	margin: 5px 0;
	padding: 0 0 0 43px;
	position: relative;
}
.header-topbar-inner  .text-right {
	color:#231e20;
	float:right;
	font-size:1.25em;
	font-weight: 400;
	margin: 5px 0;
}

.header-topbar-inner  .text-right span {
	color:#bf5700;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

@media screen and (max-width: 1024px) {
    header {
        position: relative;
    }
}

header .header-ut {
    background: #fcfcfc;
    padding: 5px;
	border-bottom: solid 4px #231e20;
}

header .header-ut:after {
	content: "";
	display: table;
	clear: both;
}

@media screen and (max-width: 800px) {
    header .header-ut {
        text-align: left;
    }
}

header .header-ut h1 {
    color: #231e20;
    float: left;
    font-size: 1.25em;
    font-weight: 400;
    margin: 5px 0;
    padding: 0 0 0 70px;
    position: relative;
}

@media screen and (max-width: 800px) {
    header .header-ut h1 {
        display: inline-block;
        text-align: left;
        float: none;
        margin: 0 auto 10px;
    }
}

header .header-ut h1:before {
    content: '';
    background: url(ExecEdLogoMcCombs);
    background-size: cover;
    left: 8px;
    position: absolute;
    height: 30px;
    width: 30px;
}

header .header-ut h2 {
    color: #4D4D4D;
    float: right;
    font-size: 1.25em;
    font-weight: 400;
    margin: 5px 0;
}

@media screen and (max-width: 800px) {
    header .header-ut h2 {
        display: inline-block;
        text-align: left;
        float: none;
        font-size: 0.9em;
        margin: 0 auto;
    }
}

header .header-ut h2 span {
    color: #BF5700;
}

ader-inner .contact-btn {margin-bottom:20px; padding-top:7px; padding-bottom:6px; }

.headline {padding:79px 0 15px 197px; }
.headline h1 {float:left; }
.headline .date-logout-link {font-size:16px; font-family: 'pt_sansregular'; color:#fff; padding-top:13px; }
.headline .date-logout-link .date {font-family: 'pt_sansbold';}
.headline .date-logout-link a {color:#fff; }
.headline .date-logout-link .sep {display:inline-block; vertical-align:middle; padding:0 5px; } *

/*
 *  Register
 */
.register-inner { width: 800px; margin: 0 auto; padding: 0 0 10px; }
.register-inner .textfield2,
.register-inner .textfield2-override select {
    padding: 0;
    box-sizing: border-box;
    width: 450px !important;
    margin-bottom: 15px;
    display: block;
    border: 1px #CCC solid;
    height: 44px;
    font-size: 16px;
    color: #333;
}
.register-inner select.textfield2-multipick {
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px;
    display: block;
    border: 1px #CCC solid;
    font-size: 14px;
    color: #333;
    width: 275px;
}
.register-inner td { padding: 0px 10px; }
.register-inner td.form-label { font-size: 16px; vertical-align: middle; }
.register-inner tr.multiSelectPicklistRow td { padding: 0px; vertical-align: middle; }
.register-inner tr.multiSelectPicklistRow td.multiSelectPicklistCell { padding: 10px; }

/*
 * Login 
*/
.login-inner {width:428px; margin:0 auto; padding:0 0 10px; }
.login-inner .welcome-text {text-align:center; font-size:32px; padding-bottom:28px; }
.login-inner .welcome-text + p {padding-bottom:30px; }
.login-inner p {text-align:center;  }
.login-inner .forgot-password-text {font-size:14px; text-align:center; }

.login-form .textfield2 {padding:0 10px; box-sizing:border-box; width:100%; margin-bottom:15px; display:block; border:1px #CCC solid; height:44px; font-size:16px; color:#333;  }
.login-form .btn-row {text-align:center; padding-bottom:16px; }



/*
 * Login Footer 
*/
.footer-wrap {background:#fff; }
.footer-inner {
	width:1200px;
	margin:0 auto;
	padding:28px 0 25px;
}
.footer-inner p {font-size:16px; text-align:center; color:#000; }
.footer-inner a {
	color: #bf5700;
	font-weight: bold;
	text-decoration:none;
}
.footer-inner a:hover {
	color: #BF5700;
	text-decoration:underline;
}


.td .textfield2{padding:0 17px; box-sizing:border-box; width:100%; margin-bottom:15px; display:block; border:none; height:44px; font-size:16px; color:#333; font-family: 'ubunturegular'; -webkit-box-shadow: inset 3px 3px 2px 0px rgba(200,199,199,1); -moz-box-shadow: inset 3px 3px 2px 0px rgba(200,199,199,1); box-shadow: inset 3px 3px 2px 0px rgba(200,199,199,1); }

.portalHomeHeader1{text-align:left; padding-left:15px; text-decoration:none; color:#bf5700;}
.portalHomeHeader2{text-align:left; text-decoration:none; color:#bf5700;}

.chatterLinks a {padding-top:15px; text-decoration:none; color:rgb(23, 39, 224); }
.chatterLinks a:hover{text-decoration:underline; }

.successMessage{   
	color:rgb(20, 199, 20);
    margin: 0 15px 0 15px; 
    text-align:center; 
    font-size:20px;
}
.failureMessage{   
	color:red; 
    margin: 0 15px 0 15px; 
    text-align:center; 
    font-size:20px;
}

.loginError{
    font-size:18px; 
    text-align:center;
    font-weight:bold;
    color:red;
    margin:15px 0 0 0;
}

.activeTab {background-color: #236FBD; color:white; background-image:none}
.inactiveTab { background-color: lightgrey; color:black; background-image:none}

.col3useful a {font-family: 'ubuntubold'; text-decoration:none; color:#bf5700; }
.col3useful a:hover {text-decoration:underline; }

.chatterHeader{
    text-align: center;
    margin: 10px 10px 10px 10px;
}
.paraStyler{
    padding: 15px 5px 15px 5px;    
}
.listEntry{
    font-size: 16px;
	line-height: 24px;
}
.contentMover{
    margin: 0 25px 25px 25px;    
}

.mapStyler{
    padding: 0 20px 0 20px;
}
.title{
    margin: 15px 0 0 0;
}

.centerTable{
    margin:0 5% 0 5%;
}

.tabs {
    width:100%;
    display:inline-block;
}

.tableMover{
    width: 1052px;
	text-align: center;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 2px;
        float:left;
        list-style:none;
  border:1px solid rgba(76, 76, 76, 0.31);
    border-radius:3px 3px 0px 0px;
    }
 
        .tab-links a {
            padding:9px 9px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#fff
            font-size:16x;
            font-weight:600;
            color:#4c4c4c;
            transition:all linear 0.15s;
   			
        }
 
        .tab-links a:hover {
            background:rgba(192, 77, 0, 0.69);;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#c75b12
        color:#4c4c4c;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
       border-radius: 4px;
background: none repeat scroll 0 0 #f1f1f1;
border: 1px solid #aaa;
border-color: #aaa #ccc #ccc #aaa;
padding: 10px 20px 20px;
-webkit-box-shadow: inset 0 0 40px 3px #dadada;
-moz-box-shadow: inset 0 0 40px 3px #dadada;
box-shadow: inset 0 0 40px 3px #dadada;
font-size: 13px;
    position:relative;
    top:-20px;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }

.imgWrap {
  position: relative;
  height: 200px;
  width: 257px;
}

.imgDescription {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
  width:156px;
  height:146px;


  visibility: hidden;
  opacity: 0;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}


.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
    
}


/* new styles for execed */
.internal-container {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    padding: 0px;
}

.internal-container .internal-content-header {
    display: block;
    margin-right: 2.84259%;
    width: 100%;
    float: none;
    margin-bottom: 50px;
    padding: 15px 50px;
    text-align: center;
}

.internal-container  .internal-content-header h3 {
    color: #FCFCFC;
    font-size: 4em;
    font-style: italic;
    font-weight: 300;
}