@charset "UTF-8";
/*
COLORS:
    Header Blue: #78AECB
    Header Grey: #F7F7F7 
    Form Section Blue: #6B9EBC
    "Link" Blue:        #538CBB
    Dark Gray:          #505050
    "Button" Blue:      #3380E5
    "Light" Gray:       #A0A0A0
    Info Message Blue: #407FB4
    Dithered Text:     #909090
*/
html{width:100%}
body { font: .625em Tahoma, Verdana, Geneva, sans-serif; cursor: default; min-width: 1020px; color: #444; height: 100%}
hr, .foot h2, .nav-abt-cp, .nav-app-abt, .nav-lgn-lgn, .nav-pg-sec, .lgnhd, .nav-lgt-sts, .hid, .hlp-stps, .nav-hlp-stps, .nav-hlp-hlp { position: absolute; visibility: hidden; overflow: hidden; width: 1px; height:1px }
.copy{color: #C4C7CA}

/* page header area */
.copy { position: relative; float: right; padding-right: 0em; text-align: right; font-size: 1.0em; margin-top: 10px;}
.foot, .head { text-align: left; min-width: 1020px; max-width: 1280px; margin: 0 auto;}
.title {
  text-align: left; width:100%; margin:0; height:2.25em; font-size: 2.0em; line-height:2.25em; position: relative;
  border-bottom: 1px solid #c4c7ca;
  border-top: 1px solid #747EAF;
  background-color: #5A6289;
  background-image: -moz-linear-gradient(top, #0D94D2, #B1D4ED); /* FF3.6 */
  background-image: -o-linear-gradient(top, #0D94D2, #B1D4ED); /* Opera 11.10+ */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0D94D2),color-stop(1, #B1D4ED)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#0D94D2, #B1D4ED); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #0D94D2, #B1D4ED);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0D94D2', EndColorStr='#B1D4ED'); /* IE6–IE9 */
  -moz-border-radius: .1em; /* FF1+ */
  -webkit-border-radius: .1em; /* Saf3-4, iOS 1+, Android 1.5+ */
  border-radius: .1em; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}
.title h2 {margin:0 30px; color:#FFFFFF; font-weight: bolder}

.cern-logo {margin:0; border: 0em; padding: 0em; float: left;}
.logoNavContainer{display: block; height: 3.4em; margin: 0.2em 0em; margin-left: 10px; margin-right: 10px;}
/* height is set for IE because it does not respect showing whole logo image */

/*Body*/
.body {text-align: left; min-width: 1020 px; max-width: 1280px; margin: 0 auto;}
.cn { text-align: left; margin: 0 30px; clear: both;}

/* messages */
.msgbox { display: block; margin: 1em 0; padding: 0.5em; border: 1px solid #3E3E3E;}
.msg, .msgtitle, .msgimg {color: #3E3E3E; margin: 0 2px;}
.msgtitle, .msgimg {vertical-align: middle; display: inline;}
.msgtitle {font-size: 1.5em; font-weight: bolder;}
.msg {font-size: 1.3em; vertical-align: bottom;}