html, body { margin: 0; padding: 0; height: 100% }
div#container { min-height: 100%; position: relative }
body { margin: 0; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #303030; background-color: #ffffff; }


.container { width: 980px; margin-right: auto; margin-left: auto; }
.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}



.navbar { border: 0px}
.navbar-inner { border-radius: 0px;
	min-height: 38px;
	height: 38px;
	overflow: hidden;
	padding-left: 0px;
	padding-right: 0px;
	background: #006688;
	filter: none;
	border: 0px;
	font-size: 15px;
}

.navbar .navbar-inner {
  background: #006688 url('../design/mainmenu-background.png') repeat-x;
}

.navbar .navbar-inner .container {
	width: 980px;
}

[class^="icon-"],
[class*=" icon-"] {
	margin-top: 3px
}



.navbar .mainmenu { padding-left: 0px; height: 38px; overflow: hidden }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #FFFFFF; opacity:0.8; filter:alpha(opacity=80); text-shadow: 0px 0px 5px #002244; }

.navbar .nav li a { color: #FFFFFF; opacity:0.8; filter:alpha(opacity=80); text-shadow: 0px 0px 5px #002244; }
.navbar .nav li a:hover, .navbar .nav li a:focus { background: #004466; opacity:0.80; filter:alpha(opacity=80); text-shadow: 0px 0px 5px #002244; color: #FFFFFF }
.navbar .nav li.first a { color: #FFFFFF; opacity:1; filter:alpha(opacity=100); font-weight: bold;  text-shadow: 0px 0px 5px #002244; }
.navbar .nav li.first a:hover { background: none; color: #FFFFFF; opacity:1; filter:alpha(opacity=100); font-weight: bold;  text-shadow: 0px 0px 5px #002244; }
.navbar .nav .active a, .navbar .nav .active a:hover { background: #004466; opacity:1; filter:alpha(opacity=100);  text-shadow: 0px 0px 5px #002244; color: #FFFFFF }


.navbar .usermenu { float: right; padding-right: 0px; height: 38px; overflow: hidden }
.navbar .langmenu { margin-right: 50px }

.navbar .divider-vertical {
  height: 40px;
  width: 1px;
  margin: 0 0px;
  overflow: hidden;
  background-color: #005577;
  border: 0px;
}



h1.hide { display: none; visibility: hidden }
.alert h3 { margin: 0px }

.form-horizontal .control-group { margin-bottom: 10px }

form .help-block {
	padding: 0px !important;
 	margin-top: 4px;
	font-size: 0.8em;
}

.required label {
  font-weight: bold;
}



div#content { padding-bottom: 150px }
div#footer { background: #565657 url('../design/footer-background.png') repeat-x; display: block; width: 100%; height: 60px; padding: 25px 0px; position: absolute; left: 0px; bottom: 0px; z-index: 1 }

div#footer img { float: left; border: 0px; margin: 0px; padding: 0px }
ul#footermenu { list-style: none; float: left; display: block; padding-top: 24px }
ul#footermenu li { float: left; border-left: 1px solid #737373 }
ul#footermenu li a { line-height: 14px; color: #999999; text-transform: uppercase; display: inline-block; float: left; padding: 3px 15px }


div#loginform { margin-top: 30px; display: block; height: 283px; width: 640px; padding: 25px 0px 0px 340px; background: url('../design/login-background2.png') no-repeat; }
div#loginform div.loginform { width: 290px; display: block; overflow: hidden; float: left }
div#loginform div.loginform div.nothing { display: none }
div#loginform form.login { width: 290px; display: block; overflow: hidden;  }
div#loginform form.login legend,
div#loginform form.login div.control-group { margin-top: 0px;  padding-top: 0px }
div#loginform form.login legend { padding-bottom: 0px; border-bottom: 0px !important; margin-bottom: 5px !important}

div#loginform legend { border-bottom: 0px }

div#loginbox_toppart { display: block; height: 277px; overflow: hidden;  }

div#loginform form.login div.controls input[type="text"],
div#loginform form.login div.controls input[type="password"]  {
	background-color: #FFFFFF;
	border: 1px solid #9DA4AC;
	border-radius: 1px;
	color: #0A1926;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: 4px !important;
	width: 165px;
	margin-bottom: 5px;
}

div#loginform form.login div.controls select {
	width: 175px;
	border-radius: 1px;
	border: 1px solid #9DA4AC;
	line-height: 18px;
	height: 28px
}

div#loginform form.login div.controls input[type="text"] { border-radius: 0px 1px 1px 0px; float: left;  }

div#loginform form.login div.controls label {
	background-color: #E2E7ED;
	border: 1px solid #9DA4AC;
	border-right: 0px;
	border-radius: 1px 0px 0px 1px;
	color: #0A1926;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: 4px 10px !important;
	float: left;
	width: 90px;
	text-align: center;
}

div#loginform form.login div.controls { padding-bottom: 5px; clear: both; float: left }

div#loginform form div.loginalert { margin-top: 5px; line-height: 15px; font-size: 11px; display: block; padding: 0px 0px 20px 25px; }
div#loginform form div.infobox { background: url('../design/icon-info.png') no-repeat; margin-top: 10px !important  }
div#loginform form div.errorbox { background: url('../design/icon-error.png') no-repeat; color: #CF2E2E; padding-bottom: 15px !important }

div#loginform input.login {
	background: #ECEFF2 url("../design/icon-login.png") no-repeat;
	vertical-align: middle;
	height: 28px;
	line-height: 28px;
	display: inline-block; float: right; padding: 0px 10px 0px 38px; color: #303030;  border: 1px solid #B4C1CC; display: block;
}

div#loginform input.align-left { float: left }

div#loginform input.login:hover {
	background-position: 0px -28px
}


div#ldaplogin_form { display: none; float: left }
div#shibbolethlogin_form { display: none; float: left; width: 290px; }


div#ipinfo { float: right; color: #9099A0; font-size: 11px; margin-top: -8px; border-radius: 7px }

div#loginswitch { display: inline-block }
div#loginswitch ul { list-style: none; margin-left: 0px }
div#loginswitch ul li { float: left; font-size: 13px; padding-top: 6px; padding-right: 2px }
div#loginswitch ul li a { color: #0A1926; background: #F8F8F8; font-weight: normal; display: block; float: left; padding: 3px 12px 4px 12px; border-radius: 0px 0px 5px 5px; border: 1px solid #C7D0D9; border-top: 1px solid #E8E8E8 }
div#loginswitch ul li a:hover,
div#loginswitch ul li a:focus { text-decoration: none }

div#loginswitch ul li.selected { padding-top: 0px }
div#loginswitch ul li.selected a { padding-top: 9px; border-radius: 5px; border: 1px solid #0A1926; background: #414B55; color: #FFFFFF }


div#trialbox { float: left; width: 295px; padding-left: 40px; height: 240px; overflow: hidden; }
div#trialbox p { font-size: 14px; padding: 25px; margin-bottom: 0px; font-weight: normal; text-align: justify; line-height: 18px; color: #333333 }
div#trialbox p a { margin-top: 10px; display: block; background: #ABBC2C; border: 1px solid #8A9B24; border-radius: 10px; text-align: center; line-height: 32px; color: #FFFFFF; font-size: 18px; text-shadow: 1px 1px 3px #6A7B14 }
div#trialbox p a:hover { color: #FFFFFF; text-decoration: none; box-shadow: 0px 0px 20px #FFFFFF, inset 0px 0px 20px RGBA(255,255,255,0.25)}

#content div.csc-header h3 { line-height: 32px; margin: 15px 0px 0px 0px; font-size: 18px }

div#content .progress {
	width: 200px;
	height: 8px;
	margin-bottom: 0;
}

div.clear {
	clear: both;
}

div#content .progress-add-on .help-block {
	margin: 0;
}

div#content .progress-add-on {
	margin-left: 240px;
}