/* Common */
body,table,input,select,textarea { 
  font-family:Verdana, Arial, sans-serif; 
  font-size:100%;
}

/* Remove padding and margin */
*
    {
    margin: 0;
    padding: 0;
    border: 0;
}

input, select {
	border: 1px solid #ccc;
}

body {   
  color:#000;
}

p { 
  margin:1em 0 1em 0; 
}

dl.col { 
  line-height:1.5em;
}

dl.col dt { 
  float:left; 
  width:6em;
}

dl.col dd { 
  margin-left:7em;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr{
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}

p { 
  margin:1em 0 1em 0;
}

a { 
  text-decoration:none;
  color:#1f74c9;
}

a:hover { 
  text-decoration:none;
  color:#606060;
}

option { padding-right: 1.5em; }

#header {
  line-height: 2.2em;
  padding-left: 0.875em;
  
  font-size: 1.2em;
  
  color: #fff;
  background-color: #4E6492;
  border-bottom: 1px solid #344667;
}

ul#header-nav {
  position: absolute;
  top: 0.5em;
  right: 0.875em;
  
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.4em;
  
  font-size: 0.6em;
  font-weight: bold;
  text-align: right;
}

ul#header-nav li {;
  display: block;
  margin: 0;
  padding: 0;
}

ul#header-nav a {
  color: #B0C4EA;
}

ul#header-nav a:hover {
  color: #fff;
}

#nav {
  padding: 0 0 0 1em;
  
  line-height: 2em;
  font-size: 0.75em;
  
  background-color: #DBE0E7;
  border-bottom: 1px solid #9FA4A9;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	width: 10em;
	padding: 0em 0.5em 0em 0.5em;
	background-color: #DBE0E7; /* his will force IE7 hovers to work properly */
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 2em;
	left: 0;
	
	margin-left: -0.5em;
	padding: 0;
	
	background-color: #DBE0E7;
	border: 1px solid #9FA4A9;
	border-top: 0;
}

#nav li ul li {
	width: 18em;
	border-top: 1px solid #C9D1D8;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/*
	top: auto;
	left: auto;
*/
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}

#nav a {
  color: #344667;
}

#nav a:hover {
  color: #00f;
  text-decoration: underline;
}

#content {
  margin: 0em 2em 1em 2em;  
  font-size: 0.75em;
}

h1 {
  color:#42597b;
  line-height:30px;
  font-size:1.5em;
  font-weight:normal;
  margin:10px 0;
}

h2 {
  color:#636163;
  line-height:30px;
  font-size:0.8125em;
}

h3 {
  color:#636163;
  line-height:30px;
  font-size:0.8125em;
}

h4  {
  line-height:18px;  
  color:#fff;  background-color:#5a718c;  
  margin-bottom:10px;
  font-weight:normal;
  font-size:0.69em;
}

#author {
  margin: 2em 3em 1em 3em;
  text-align: right;
  font-size: 0.75em;
}

.auto {
  width: auto !important;
}

a.button {
	color: #fff;
  background-color: #4E6492;
  border: 1px solid #000;
  padding: 4px;
}

a.button:hover {
	background-color: #B2C2D7;
}

#content a.big-button {
  background: transparent url('../images/g-button-app-right.gif') no-repeat scroll top right;
  display: block;  
  float: left;    
  height: 66px;
  width:200px;    
  margin:5px 6px 0 0;
  padding-right: 10px; /* sliding doors padding */
  text-decoration: none;    
  color:#fff;
  font-size:1.25em;  
}

#content a.big-button span {
  background: transparent url('../images/g-button-app-left.gif') no-repeat;
  display:block;  
  line-height: 66px;
  padding: 0 8px 5px 15px;
}

#content a:hover.big-button {
  color:#94a6bd;
}

#content ul
{
  margin: 0;
  padding: 0;
}

#content ul li
{
  margin: 0 0 0 3em;
  padding: 0;
}

form.f { width: 450px; padding:10px; margin: 1em 0; border: 1px solid #9FA4A9; line-height:1.25em;  }
form.small-label { background:#E5EBF3 url('../images/g-bg-form-small.gif') repeat-y;}

form.f p { clear:both; padding-top:4px; }

form.f div { clear:both; padding:5px 0; margin: 0; }
form.f div div { clear:none; padding:0; }
#content form.f div div p { font-size:1em; margin:0 0 1em 0; }
form.f label { width:80px; display:block; float:left; margin:0 20px 0 0;}
form.f input, form.f textarea { line-height:1.25em; border:#ccc solid 1px; padding:2px; font-size:1em;}  
form.f select { line-height:1.25em; border:#ccc solid 1px; font-size:1em; padding:2px 0;}  
form.f input { width:250px; }
form.f textarea { width:26em; height:9em;}

form.f .field { display: block; margin: 0 0 0 100px;}
form.f input.checkbox { width:25px; vertical-align:middle; border:0;}
form.f input.small, form.f select.small { width:55px; }
form.f input.medium, form.f select.medium { width:130px; }
form.f input.large, form.f select.large { width:250px; }
form.f input.checkbox-group { margin:0 0 0 100px;}

form.f div.inline-field label { width:80px; display:inline; float:none; margin:0 10px 0 0;}
form.f div.inline-field { margin:0 0 0 100px; color:#585757; }
form.f div.buttons,form.f p.buttons { margin: 20px 0 0 200px; }

form.medium-label .field { display: block; margin: 0 0 0 150px; }
form.medium-label { background:#E5EBF3 url('../images/g-bg-form-medium.gif') repeat-y; width:510px;}
form.medium-label label { width:130px;}
form.medium-label div.inline-field label { width:55px; display:inline; float:none; margin:0 10px 0 0;}
form.medium-label div.inline-field { margin:0 0 0 150px;}
form.medium-label .checkbox-group { margin:0 0 0 150px; font-size:1em;}
form.medium-label textarea { width:28em; height:9em;}

form.large-label .field { display: block; margin: 0 0 0 200px; }
form.large-label { background:#E5EBF3 url('../images/g-bg-form-large.gif') repeat-y; width:700px;}
form.large-label label { width:180px;}
form.large-label div.inline-field label { width:55px; display:inline; float:none; margin:0 10px 0 0;}
form.large-label div.inline-field { margin:0 0 0 200px;}
form.large-label .checkbox-group { margin:0 0 0 200px; font-size:1em;}

form.f input.submit, form.f a.button, form.f input.button { padding: 0.25em 1em; border: 1px solid #9FA4A9; background-color: #E5EBF3; width: auto; cursor: pointer; color: #000; }
form.f a.button:hover { text-decoration: none; }
form.f input.submit { background-color: #B1C1D2; }

label.rhs_label {display: inline !important; float: none !important; width: auto !important; margin:0 !important;}
form.f .field ul { margin: 0 0 1em 2em; padding: 0; }
form.f .field ul li { margin: 0; padding: 0; }

form.f table { width:28em; border:#ccc solid 1px; border-collapse: collapse;}
form.f td, th { padding:4px 6px;}
form.f table thead { background-color:#ccc;}
form.f th { text-align:left; width:60%; }
form.f tbody th {border-right:#eee solid 1px;}
form.f table tfoot { background-color:#eee;}

form.f textarea { width: 35em; height: 8em; }
form.f textarea.large { width:450px; height:16em; }

form.f div.form-section { padding-top:0; }

form.auto { width:auto; border:0; padding:0; }
form.auto table { width:100% }
form.auto td, th { padding:2px; }
form.auto th { width:auto; }

/* messages / errors box */
.Msg {
  width: 20em;
  margin: 1em 0;
}

.Msg ul {
  padding: 0.5em;
  list-style-type: none;
}

.Messages ul {
/*  border: 1px solid darkblue;*/
  background-color: lightblue;
}

.Errors ul {
/*  border: 1px solid darkred;*/
  background-color: pink;
}


div.constrain
{
  width: 32.5em;
  margin: 10em auto 0 auto;
}