#external-header {
    background: none repeat scroll 0 0 #225c39;
    border-bottom: 1px solid white !important;
    height: 74px;
    min-width: 770px;
    text-align: left;
    width: 100%; 
}

#external-logo {
    width: 285px;
}

#external-logo img {
    float: none;
    height: auto;
    opacity: 100;
    position: relative;
    width: 285px;
    left: 10px;
    top: 3px;
}

#external-logo div {
    position: absolute;
    top: 42px;
    left: 96px;
    width: 165px;
    color: black;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

#external-tools-nav {
    width: auto;	
    margin-left: auto;
    padding: 45px 7px 0 7px !important;
}

#external-tools-nav table {
    float: right;     
}

#external-tools-nav .item {
    padding: 10px 7px 0 7px;
    vertical-align: top;
    height: 25px;
    color: #FFFFFF;
    font-family: "Arial", "Helvetica", sans-serif !important;
    text-transform: lowercase;
    font-size: 14px;  
    white-space: nowrap;
}

#external-tools-nav a {
    color: white;
    text-decoration: none;
}

#external-tools-nav a:hover {
    color: #7dd559;
    text-decoration: underline;
}

#external-tools-nav .separator {    
    padding-top: 0;
    vertical-align: top;
    width: 1px;
    height: 25px;
}

#external-lead-text {
    display: none;
    float: right;
    width: 230px;
    font-weight: bold;
    white-space: normal;
}

#external-footer table {
	background: #225c39;
    color: white;
    font-family: "Arial", "Verdana", "Helvetica", sans-serif;
    font-size: 10px;
    width: 100%;
    padding: 0 2px 0 2px;
    height: 55px;
}

#external-footer-french table {
    color: white;
    font-family: "Arial", "Verdana", "Helvetica", sans-serif;
    font-size: 11px;
    width: 100%;
    padding: 0 2px 0 2px;
    height: 55px;
}
#external-footer address {
    font-family: "Arial", "Verdana", "Helvetica", sans-serif;
	font-style: normal;
    font-size: 11px;
    font-weight: normal;
}

#external-footer-nav {
    text-align: right;
}

#external-footer-nav a,
#external-footer-nav a:link,
#external-footer-nav a:visited {
    padding-left: 5px;
    color: white;
    text-decoration: none;
    text-transform: lowercase;
}

#external-footer-nav a:hover,
#external-footer-nav a:focus {
    color: black;
}

#external-workspace {
    background-color: #ffffff;   
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 458px;
    width: 100%;
}

#login-workspace {
    background-color: #225c39;
    background-image: url("../images/new-login-background.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 490px;
}

#external-workspace a,
#external-workspace a:link,
#external-workspace a:visited
#login-workspace a,
#login-workspace a:link,
#login-workspace a:visited,
#login-workspace-french a,
#login-workspace-french a:link,
#login-workspace-french a:visited {
    color: white;
   
}

#external-workspace a:hover,
#external-workspace a:focus,
#login-workspace a:hover,
#login-workspace a:focus,
#login-workspace-french a:hover,
#login-workspace-french a:focus {
    color: #7dd559;
}

#external-workspace .message a,
#external-workspace .message a:link,
#external-workspace .message a:visited
#login-workspace .message a,
#login-workspace .message a:link,
#login-workspace .message a:visited,
#login-workspace-french .message a,
#login-workspace-french .message a:link,
#login-workspace-french .message a:visited {
    color: #1b3fb2;
}

#external-workspace .message a:hover,
#external-workspace .message a:focus,
#login-workspace .message a:hover,
#login-workspace .message a:focus,
#login-workspace-french .message a:hover,
#login-workspace-french .message a:focus {
    color: #007934 !important;
}

#external-workspace h1 {
    font-size: 20px !important;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

#external-workspace h2 {
    font-size: 17px !important;
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 10px;
}

#external {
    margin: 33px 20px 0 33px;
    font-size: 9pt !important;
}

#external form,
#external .form {
    font-size: 9pt !important;
}


#external .login-form .shadow {
	
  	box-shadow: inset 3px 3px 2px 0px #E8EAE9;
	width:200px; 
	height:24px; 
	padding-left:10px; padding-right:3px;	
}

#external .login-form,
#external .login-form form,
#external .login-form .form {
	 width: auto;
    vertical-align: top;
    padding: 50px 7px 10px 45px;
    font-family: "Arial", "Verdana", "Helvetica", sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;	
    font-size: 9pt !important;
}
#external .button td.text a,
#external .button td.text a:link,
#external .button td.text a:visited {
    color: white !important;
    text-decoration: none !important;
}

#external .button td.text a:hover,
#external .button td.text a:focus {
    color: yellow !important;
}

#external .scroll a:hover,
#external .scroll a:focus {
	color: blue !important;
	text-decoration: underline !important;
}



#external-tools-nav-maintenance {
    width: auto;
	vertical-align: top;
    margin-left: auto;
}

#external-footer-maintenance table {
    background-color: #235c39;
    color: white;
    font-family: "Arial", "Verdana", "Helvetica", sans-serif;
    font-size: 11px;
    width: 100%;
    padding: 0 2px 0 2px;
}

#external-footer-maintenance address {
    font-family: "Arial", "Verdana", "Helvetica", sans-serif;
	font-style: normal;
    font-size: 11px;
    font-weight: normal;
}

#external-tools-nav-maintenance .item {
    padding: 10px 7px 0 7px;
    vertical-align: top;
    height: 25px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

#external-tools-nav-maintenance .separator {
    background-image: url("../images/tools-nav-separator.gif");
    background-repeat: no-repeat;
    padding-top: 0;
    vertical-align: top;
    width: 1px;
    height: 25px;
}

#external-tools-nav-maintenance a {
    color: white;
    text-decoration: none;
}

#external-tools-nav-maintenance a:hover {
    color: black;
    text-decoration: underline;
}
#external-tools-nav-maintenance table {
    float: right;     
}

#external-workspace a:hover, #external-workspace a:focus {  
   color: #7dd559;
}

#login-workspace-french {
    background-color: #225c39;
    background-image: url("../images/login-french-background.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 490px;
    background-size:798px 490px;
}

#fr-external-header {    
    background: none repeat scroll 0 0 #225c39;
    border-bottom: 1px solid white !important;
    height: 74px;
    min-width: 770px;
    text-align: left;
}

#external-workspace a.btn-primary :hover{
	color:#ffffff;
}

#external-workspace #content {
    vertical-align: top;
}
#external-workspace #content #external {
    margin: 20px;
}
.external #container {
    min-width: 770px;
    width: 770px;
}
#external .access {
    height: 340px;
    border: 1px solid #ccc;
    margin: 10px;
    overflow: auto;
    padding: 10px;
}
#external .btn-neutral, #external .btn-neutral:hover {
    color: #000 !important;
}
#external .btn-primary, #external .btn-primary:hover {
    color: #fff !important;
}
td#version {
    text-align: right;
}
.access p {
    margin-top: 0;
}
.valign-middle {
    vertical-align: middle;
}
.bkg-white {
    background: #FFFFFF;
}


.footer-wrap {
	background: #007934;
	color: #fff;
	padding: 15px 10px;
}
.common-elements-maintenance {
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
    width: auto;
    position: relative;
    margin-top: 0;
}