/*body { margin-top: 7px; padding: 0px; background: #fff url(../images/cemex/body-bg-sm.gif) top left repeat-x; font-size: 11px; line-height: 133%; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #666; }*/
p { font-size: 11px; line-height: 130%; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); }
h1,h2,h3,h4,h5 { margin: 0px; padding: 0px; }
h1 { /*navy*/ color: #00416A; font-weight: bold; font-size: 14px; line-height: 16px; margin-bottom: 12px;}
h2 { /*navy*/ color: #00416A; font-weight: bold; font-size: 13px; margin-bottom: 12px;}
h3 { /*green*/ color: #83947D; font-weight: bold; font-size: 12px; line-height: 14px; margin-bottom: 12px;}
a:link { /*grey*/ color: #b3b3b3; text-decoration: none; font-weight: bold;}
a:visited { /*grey*/ color: #b3b3b3; text-decoration: none; font-weight: bold;}
a:active { /*grey*/ color: #b3b3b3; text-decoration: none; font-weight: bold;}
a:hover { /*grey*/ color: #b3b3b3; text-decoration: underline; font-weight: bold;}

#wrapper { margin: 0 auto; position: relative; width: 743px; }

#header { height: 85px; }
#header h1.logo { float: left; clear: left; width: 400px; height: 70px; background: transparent url(../images/cemex/logo-small.png) top left no-repeat; margin-top: 10px; background-size: 200px;}
#header h1 span { display: none; }
#topnav { position: absolute; top: 5px; right: 0; height: 28px; text-align: right; background: transparent url(../images/cemex/arrow.png) center left no-repeat; }
#topnav ul { list-style-type: none; margin-top: 5px; }
#topnav li { display: inline; padding-left: 20px; }

#login-content-header { position: relative; width: 743px; height: 230px; background: transparent url(../images/cemex/header.jpg) top left no-repeat; }
#login-content-header span { display: none; }
#login-content-grid ul { position: relative; width: 100%; height: 247px; list-style: none; margin: 15px 0 15px 0; padding: 0; }
#login-content-grid li { float: left; margin: 0; padding: 0; width: 233px; }
#login-content-grid li.second { margin: 0 20px; }
#login-content-grid li h2 { padding: 0; }
#login-content-grid input.login { width: 110px; }

.white-box { width: 204px; height: 215px; margin: 0; padding: 15px; background-color: #fff; border: 1px solid #ddd; position: relative; }
.white-box > .tl, .white-box > .tr, .white-box > .bl, .white-box > .br { width: 15px; height: 15px; position: absolute; }
.white-box > .tl { background: url(../images/cemex/box-main.gif) top left no-repeat; top: -1px; left: -1px; }
.white-box > .tr { background: url(../images/cemex/box-main.gif) top right no-repeat; top: -1px; right: -1px; }
.white-box > .bl { background: url(../images/cemex/box-main.gif) bottom left no-repeat; bottom: -1px; left: -1px; }
.white-box > .br { background: url(../images/cemex/box-main.gif) bottom right no-repeat; bottom: -1px; right: -1px; }

#login-content { width: 713px; margin: 0; padding: 15px; background-color: #fff; border: 1px solid #ddd; position: relative; }
#login-content > .tl, #login-content > .tr, #login-content > .bl, #login-content > .br { width: 15px; height: 15px; position: absolute; }
#login-content > .tl { background: url(../images/cemex/box-main.gif) top left no-repeat; top: -1px; left: -1px; }
#login-content > .tr { background: url(../images/cemex/box-main.gif) top right no-repeat; top: -1px; right: -1px; }
#login-content > .bl { background: url(../images/cemex/box-main.gif) bottom left no-repeat; bottom: -1px; left: -1px; }
#login-content > .br { background: url(../images/cemex/box-main.gif) bottom right no-repeat; bottom: -1px; right: -1px; }

.GGicon { width: 40px; height: 40px; position: absolute; background: url(../images/cemex/green-leaf.png) top left no-repeat; top: 0px; right: -15px; }



/* OLD STUFF -- might still be in use */
.topnav { padding-top: 59px; width: 528px; text-align:right; font-size: 11px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #917d64; font-weight: bold; }
.topnav_main { padding-top: 37px; width: 528px; text-align:right; font-size: 11px; font-family:  var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #917d64; font-weight: bold; }
.logo { width: 215px;  margin: 0px; padding-top: 75px; padding-bottom: 26px; text-align: center; font-size: 11px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #143266; font-weight: bold; font-style:italic;  background: url(../images/cemex/logo.png) left top no-repeat; }


.sidebar { margin-left: 0px; padding-left:0px; width: 215px; background: url(../images/cemex/bg-sidebar.gif) left top repeat-y; }
.sidebar h1{ width: 215px; height: 21px; background: url(../images/cemex/hdr-sidebar-h1.jpg) left top repeat-y; text-align:center; font-size: 12px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #cc0000; text-transform:uppercase; vertical-align:middle; padding-top: 5px;}
.sidebar h2{ width: 215px; height: 21px; background: url(../images/cemex/hdr-sidebar-h2.jpg) left top repeat-y; text-align:center; font-size: 12px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #cc0000; text-transform:uppercase; vertical-align:middle; padding-top: 5px;}
.sidebar p { padding-left: 10px; padding-right: 10px; padding-top: 0px; font-size: 11px; line-height: 110%; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #666; }
.sidebar ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: disc; font-size: 11px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); }
.sidebar li { padding: 5px 5px 5px 5px; margin: 0px; width: 197px; text-align: left; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e9e9e9; border-bottom-color: #fff; display: block; }
.sidebar li:hover { background-color: #fff; }



.content { margin-left: 0px; padding-left:0px; padding-right:0px; width: 528px; height: 1000px; background: url(../images/cemex/bg-content.gif) left top repeat-y; }
.content h2 {padding-left: 30px; padding-right: 10px; padding-top: 0px; font-size: 12px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #153367; }
.content h3 {padding-left: 30px; padding-right: 10px; padding-top: 0px; font-size: 11px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #666666; }
.content h1 {padding-left: 30px; padding-right: 10px; padding-top: 0px; font-size: 12px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #cc0000; text-transform:uppercase; }
.content p { padding-left: 30px; padding-right: 10px; padding-top: 0px; font-size: 11px; line-height: 133%; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #666; }
.content ul { padding-left: 50px; padding-right: 20px; list-style-type: square; font-size: 11px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #666; line-height: 133%;}
.content h4 {padding-left: 30px; padding-right: 10px; padding-top: 0px; font-size: 12px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #006699; }
.content h5 {padding-left: 30px; padding-right: 10px; padding-top: 0px; font-size: 11px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #006699; }



.fullcontent { margin-left: 0px; padding-left:0px; padding-right:0px; width: 725px; height: 1000px; background: url(../images/cemex/bg-contentonly.gif) left top repeat-y; }
.fullcontent h3 { width: 528px; height: 15px; background: url(../images/cemex/hdr-content.gif) left top no-repeat; }
.fullcontent h1 {padding-left: 30px; padding-right: 10px; padding-top: 0px; font-size: 12px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #ce0909; text-transform:uppercase; }
.fullcontent p { padding-left: 30px; padding-right: 10px; padding-top: 0px; font-size: 11px; line-height: 133%; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #666; }
.fullcontent h4 {padding-left: 30px; padding-right: 10px; padding-top: 0px; font-size: 12px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #006699; }
.fullcontent h5 {padding-left: 30px; padding-right: 10px; padding-top: 0px; font-size: 11px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #006699; }


.footer { margin: 10px 10px 20px 20px; font-size: 10px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); text-align:center; }

li { font-family :var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); font-size: 11px; }
li a { text-decoration: none; }

hr { height:1px;  margin-left: 30px; margin-right: 10px;}

input { font-family :var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); font-size: 11px; width:100px; /*height:20px;*/ }

.errormsg {font-size: 11px; font-family: var(--font-family-base, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"); color: #c00000; }