html { overflow-y: scroll; }
body { padding: 0; margin: 0; font-family: Verdana, Tahoma, serif; font-size: 12px; background-image: url('../images/bottom-bg.png'); }
.clear { clear: both; }
img { border: 0; }
input { background-color: white; border: 1px solid #ADE6F3; color: #555555; font-family: Verdana,Arial,sans-serif; font-size: 11px; padding: 2px; }
input[type=button] { cursor: pointer; }
input[type=submit] { font-weight: bold;cursor: pointer; }
.submit { font-weight: bold; }
a:active, a:focus { outline:none; }

/* TOP MENU */
#content { background-image: url('../images/main-bg.png'); background-repeat: repeat-x; background-color: white; }
#content .center { margin: 0 auto; width: 906px; }
#content .center .holder { background-image: url('../images/main-top.png'); height: 97px; }
#content .center .holder .logo-holder { float: left; }
#content .center .holder ul {float: right; padding: 0; margin: 0; margin-right: 18px;  padding-top: 70px;}
#content .center .holder li { list-style-type: none; float: left; color: white; padding-left: 15px; padding-right: 15px; border-right: 1px solid #8ac7d6; }
#content .center .holder li.last { border: none; }
#content .center .holder .logo { margin-left: 30px; margin-top: 16px; }
#content .center .holder a { text-decoration: none; color: white; }
#content .center .holder a:hover { text-decoration: underline; }

/* TOP MENU */
#content .content-top {  }
#content .menu { background-image: url('../images/content-top.png'); height: 54px; }
#content .menu a {  color: #555555; display: block; float: left; height: 31px; font-size: 13px; text-decoration: none; text-align: center;  padding-top: 12px; margin-top: 9px; width: 175px; border-right: 1px solid #ccc;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,eaeaea+40,f4f4f4+100 */
  background: #e2e2e2; /* Old browsers */
  background: -moz-linear-gradient(top,  #e2e2e2 0%, #eaeaea 40%, #f4f4f4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #e2e2e2 0%,#eaeaea 40%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #e2e2e2 0%,#eaeaea 40%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #ccc;
}
#content .menu a:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9c9c9+0,d3d3d3+40,dddbdb+100 */
  background: #c9c9c9; /* Old browsers */
  background: -moz-linear-gradient(top,  #c9c9c9 0%, #d3d3d3 40%, #dddbdb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #c9c9c9 0%,#d3d3d3 40%,#dddbdb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #c9c9c9 0%,#d3d3d3 40%,#dddbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#dddbdb',GradientType=0 ); /* IE6-9 */
}

#content .menu .first { margin-left: 13px; border-left-top-radius: 14px; background-color: #000; border-top-left-radius: 14px; }
#content .menu .fifth { border-top-right-radius: 14px; border-right: 0px; }
#content .menu .selected {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9c9c9+0,d3d3d3+40,dddbdb+100 */
  background: #c9c9c9; /* Old browsers */
  background: -moz-linear-gradient(top,  #c9c9c9 0%, #d3d3d3 40%, #dddbdb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #c9c9c9 0%,#d3d3d3 40%,#dddbdb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #c9c9c9 0%,#d3d3d3 40%,#dddbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#dddbdb',GradientType=0 ); /* IE6-9 */

}
/*
#content .menu .second { width: 222px; background-image: url('../images/top-menu-2.png'); padding-right: 2px; }
#content .menu .third { width: 228px; background-image: url('../images/top-menu-3.png'); padding-right: 3px; }
#content .menu .fourth { width: 201px; background-image: url('../images/top-menu-4.png'); padding-right: 20px; }
#content .menu .first:hover { background-image: url('../images/top-menu-1-bg.png'); }
#content .menu .second:hover { background-image: url('../images/top-menu-2-bg.png'); }
#content .menu .third:hover { background-image: url('../images/top-menu-3-bg.png'); }
#content .menu .fourth:hover { background-image: url('../images/top-menu-4-bg.png'); }
*/

/* CONTENT IMAGE */
#content .center .content { background-image: url('../images/content-slider.png'); }
#content .center .content .image { margin-left: 31px; padding-bottom: 21px; margin-top: 22px; }

/* CONTENT MAIN */
#content .main .centernav { padding-bottom: 22px; }
#content .main .centernav .first { float: left; background-image: url('../images/center-nav-left.png'); height: 112px; width: 285px; }
#content .main .centernav .second { float: left; background-image: url('../images/center-nav-center.png'); height: 112px; width: 275px; }
#content .main .centernav .third { float: left; background-image: url('../images/center-nav-right.png'); height: 112px; width: 285px; }
#content .main .centernav h3 { color: white; font-size: 20px; padding: 0; margin: 0; font-weight: normal; padding-left: 15px; padding-top: 15px; }
#content .main .centernav p { color: white; padding-left: 15px; padding-right: 15px;  }

#content .main { border-left: 17px solid #f7f7f7; margin-left: 14px; border-right: 17px solid #f7f7f7; margin-right: 13px; }
#content .main .navigation { float: left; width: 190px; margin-left: 20px; }
#content .main .navigation h3 { padding: 0; margin: 0; margin-bottom: 12px; color: #555555; font-size: 18px; font-weight: normal; letter-spacing: -0.6px;}
#content .main .navigation ul a { background-position: 0px 4px; padding-left: 11px; color: #8ac7d6; text-decoration: none; letter-spacing: -0.2px; display: block;  background-image:url('../images/navigation-arrow.png'); background-repeat: no-repeat; padding-bottom: 2px; }
#content .main .navigation ul a:hover { text-decoration: underline; }
#content .main .navigation ul { margin: 0; padding: 0; list-style:none; margin-left: 10px; }
#content .main .data { color: #555555; padding-left: 20px; padding-right: 20px; padding-top: 20px; }
#content .main .data h1 { font-size: 18px; font-weight: normal; letter-spacing: -0.6px; color: #555555; margin: 0;}
#content .main .data h2 { margin: 0; padding: 0; color: #498593; font-size: 15px; letter-spacing: -0.6px; font-weight: normal; padding-bottom: 20px; }
#content .main .data h3 { margin: 0; padding: 0; color: #6EAAB9; font-size: 13px; letter-spacing: -0.6px; font-weight: normal; margin-top: 15px; margin-bottom: 15px; }

#content .main .data p { color: #555555; }
#content .main .data a { color: #6EAAB9; }
#content .main .data .button { text-decoration: none; font-weight: bold; background-color: white; border: 1px solid #ADE6F3; color: #555555; font-family: Verdana,Arial,sans-serif; font-size: 13px; padding: 5px; padding-left: 50px; padding-right: 50px; }

#content .main .data .button:hover { color: #498593; }

#content .main .data .steps { padding: 3px; padding-left: 52px; padding-right: 52px; float: left; background-color: white; border: 1px solid #ADE6F3; color: #555555; }
#content .main .data .step1 { border-right: 0px; }
#content .main .data .step2 { border-right: 0px; }
#content .main .data .step3 { border-right: 0px; }
#content .main .data .list { color: #555555; border: 1px solid #ADE6F3; display: block; width: 300px; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; text-decoration: none; margin-bottom: 5px; }


/* BOTTOM */
#content .bottom { background-image: url('../images/bottom-bg.png'); }
#content .bottom .content { margin: 0 auto; width: 906px; }
#content .bottom .ending { background-image: url('../images/content-bottom.png'); height: 40px; }
#content .bottom .copyright { color: white; font-size: 11px; padding-bottom: 10px; margin-left: 40px; }

.table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: none;
	border-color: #6EAAB9;
	border-collapse: collapse;
	background-color: white;
}
.table th {
	height: 22px;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #6EAAB9;
	background-color: white;
}
.table td {
	height: 22px;
	text-align: center;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #6EAAB9;
	background-color: white;
}

#content .main .data .table a { display: block; text-decoration: none; color: #555555; }
#content .main .data .table a:hover { color: #498593; }
.table .selected {  color: #555555; background-color: #8AC7D6;}
.table .disabled { background-color: #e69b9b; }
.table .finished { background-color: #dfdfdf; font-weight: normal; }
.table .clickable { cursor: pointer; }
.table .green { background-color: #a2e69b; }
.table .red { background-color: #e69b9b; }
.table .yellow { background-color: #e6e39b; }

#content .main .data .jdpicker_w .button { padding: 0; }
.jdpicker_w table { clear: both; width: 100%; }
.jdpicker_w table td { text-align: center; }
.jdpicker_w .month_nav { float: left; width: 300px; }
.jdpicker_w .year_nav { float: left; width: 300px; }
.jdpicker_w .date_clearer { display: none; }

/* MESSAGES */
#message_table tr:hover td { background-color: #f1f1f1; }
#message_create label { display: inline-block; padding-bottom: 10px; }
#message_view td { text-align: left; vertical-align: top; padding: 10px; }
#message_view td strong { font-size: 12px; padding-bottom: 5px; display: inline-block; }
#message_view td p { padding: 0; margin: 0; }