/* AJA Registrars - HTML & CSS by Doru Bratu - DOTWEB Software Systems */

/* X-browser CSS properties reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a {outline:none;}
/* /X-browser CSS properties reset */

body {
	background-repeat: no-repeat;
	background-position: center 200px;
	background-image: url(../images/header-bg.jpg);
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	background-color: white;
	padding: 0px;
	margin: 0px;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
}

h1 { color: #115a99; font-size: 24px; }

h2 { color: #115a99; font-size: 16px; }

h2 span {
	padding-left: 15px;
	font-weight: bold; color: #115a99; font-size: 16px;
}

h3 {
	padding-bottom: 5px; padding-top: 5px;
	color: #b5b5b5; font-size: 12px;
}

h3 span {
	padding: 5px 0 5px 10px;
	font-weight: bold; color: #595959; font-size: 12px;
}
#header-container {
	height: 230px; width: 100%;
	background-image: url(../images/hbgall.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#header {
	height: 230px; width: 990px;
	margin: 0 auto;
	background-image: url(../images/header-bg-top.jpg);
	background-position: center top;
	background-repeat: no-repeat;

}

.logos {
  margin-top: 80px;
  font-size: 10px;
  color: gray;
  font-style: italic;
}

#flash_notice
{
	font-size: 16px; color: green; font-weight: bold; text-align: center;
  margin: 15px 0;
  padding: 10px;
	border: 1px solid green;
  background-color: #ecffeb;
}

#flash_error
{
	font-size: 16px; color: red; text-align: center;
  margin: 15px 0;
  padding: 10px;
  background-color: #ffebeb;
	border: 1px solid red;
}

#logo {
	float: left;
	height: 116px; width: 117px;
	margin-top: 10px;
}

#logo img {
	border-width: 0px; display: block;
}

#certification-logos {
	margin: 0 auto;
	padding: 20px 0;
	height: 100px; width: 695px;
	text-align: center;
}

#main-menu {
	margin-top: 20px;
	float: right;
}

#main-menu li {
	margin-left: 20px;
	float: left;
}

#main-menu a {
	border: 1px solid #ffebca;
	padding: 10px;
	background-color: #f0f0f0;
	color: #115a99; font-size: 14px; font-family: "Trebuchet MS"; text-decoration: none;
	display: block;
}

#main-menu a:hover {
	border: 1px solid #fdbf57;
	padding: 10px;
	background-color: #ffe1b0;
	color: #353535; font-size: 14px; font-family: "Trebuchet MS"; text-decoration: none;
}

#searchbox {
	margin-top: 10px;
	float: right;
	height: 32px; width: 263px;
	background-image: url(../images/search-bg.gif); background-color: white;
}

#searchfield {
	float: left;
	background-color: #fefefe;
	color: #6f889d; font-size: 12px; font-family: "Trebuchet MS";
	margin: 10px 0 0 10px;
	width: 200px;
	border-style: none;
}

#submit-search {
	display: block;
	width: 35px; height: 25px;
	background: transparent url(../images/search-button.png) no-repeat;
	border: medium none;
	cursor: pointer;
	position: relative; float: right;
	margin: 3px 5px 0 3px;
}

#content {
	overflow: hidden;
	text-align: left;
	margin: auto;
	width: 990px;
	margin-bottom: 20px;
}

#left-column {
	text-align: left;
	margin-top: 10px;
	width: 250px;
	float: left;
}

/*
#leftbox-top {
	display: block;
	width: 243px; height: 4px;
	background: url(../images/left-box-top.jpg) no-repeat; background-position: bottom;
}
*/

#leftbox {
/* 	background-image: url(../images/left-box-repeat.jpg); background-repeat: repeat-y; */
	width: 243px;
	border: 1px dotted #fdbf57;
}

#certifications li {
	padding: 5px 0 5px 0;
	margin-left: 10px;
	text-align: left;
	height: 36px; width: 220px;
}

#certifications h3 {
	cursor:pointer;
	background: url(../images/arrleft.png) 3px 8px no-repeat;
	padding: 10px 10px 10px 30px;
	font-family: "Arial";
	font-size: 14px;
	font-weight: normal;
	color: #666;
}

#certifications h3 a {
	font-family: "Arial";
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}

#certifications h4 {
	cursor:pointer;
	background: url(../images/arrleft.png) 3px 8px no-repeat;
	padding: 10px 10px 10px 30px;
	font-family: "Arial";
	font-size: 14px;
	font-weight: normal;
	color: #666;
}

#certifications h4 a {
	font-family: "Arial";
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}

#certifications h3.active {
	color:#fff;
	background-color: #fdbf57;
}

#certifications h3:hover {
	color:#fff;
	background-color: #fdbf57;
}

#certifications div {
	height: 0;
	overflow: hidden;
}


a.certlink {
	padding: 12px 0 0 10px;
	background-repeat: no-repeat; background-image: url(../images/certification-list-item-bg.jpg);
	text-decoration: none; color: #0c638c; font-size: 12px;
	display: block;
	height: 36px; width: 220px;
}

a.certlink:hover {
	display: block;
	padding-left: 10px;
	text-decoration: none; font-size: 12px; color: #f8f8ff;
	height: 36px; width: 220px;
	background-image: url(../images/certification-list-item-bg-selected.jpg); background-repeat: no-repeat;
}

/*
#leftbox-bottom {
	display: block;
	width: 243px; height: 4px;
	background-image: url(../images/left-box-bottom.jpg); background-repeat: no-repeat; background-position: top;
}
*/

#cancelled-certifications {
	padding-bottom: 15px; padding-top: 15px;
}

#cancelled-certifications a {
	padding-left: 20px;
	font-weight: bold; color: #018de9; text-decoration: underline; font-size: 12px; font-family: sans-serif;
}

#cancelled-certifications a:hover {
	padding-left: 20px;
	font-weight: bold; text-decoration: none; color: #018de9; font-size: 12px; font-family: sans-serif;
}

#page-content {
	color: #414141;
	width: 720px;
	float: right;
}

#page-content p {
	margin-top: 10px;
	text-align: justify; color: #7d7d7d;
}

#page-content td {
	padding: 10px;
	text-align: justify; color: #7d7d7d;
}

#page-content ul {
	list-style-position: outside; list-style-type: disc;
	margin-left: 25px;
	text-align: justify; color: #7d7d7d;
}

#page-content ol {
	list-style-position: outside; list-style-type: decimal;
	margin-left: 25px;
	text-align: justify; color: #7d7d7d;
}

#page-content ul li {
	text-align: justify; color: #7d7d7d;
	list-style-position: outside; list-style-type: disc;
}

#page-content ol li {
	text-align: justify; color: #7d7d7d;
	list-style-position: outside; list-style-type: decimal;
}

#course {
	margin-top: 10px;
	padding: 15px;
	border: 1px solid #cccccc;
}

.course-tab {
	float: left;
	width: 320px;
}

.course-register {
	left: 610px;
	text-align: center; text-decoration: none;
	top: 0px; position: relative;
	background-image: url(../images/more-button.jpg);
	display: block;
	height: 20px;
	width: 60px;
	color: #f1f0f0; font-size: 11px; line-height:18px;
}

.course-register:hover {
	color: #7c7c7c;
}

#quick-access-buttons {
	overflow: hidden;
	height: 140px;
	margin-top: 10px;
}

.button {
	color: #434343; font-size: 13px; text-decoration: none; text-align: center; line-height: 40px;
	float: left;
	display: block;
	height: 129px;
}
#button-1 {
	width: 225px;
	background-image: url(../images/button-01.jpg);
}

#button-1:hover {
	background-image: url(../images/button-01-selected.jpg);
}

#button-2 {
	width: 240px;
	background-image: url(../images/button-02.jpg);
}

#button-2:hover {
	background-image: url(../images/button-02-selected.jpg);
}

#button-3 {
	width: 249px;
	background-image: url(../images/button-03.jpg);
}

#button-3:hover {
	background-image: url(../images/button-03-selected.jpg);
}

#page-content p {
	text-align: justify;
	color: #848484;
	font-size: 12px;
}

#news {
	width: 990px;
	margin: auto;
	overflow: hidden;
	padding-top: 15px;
	margin-bottom: 20px;
}

#news h4 {
	padding-left: 5px;
	color: black; font-size: 13px;
}

#news-left {
	display: block; float: left;
	width: 243px; height: 100px;
	text-align: left;
	background-image: url(../images/news-selector-bg.jpg);
}

#news-left li {
	float: left;
	padding-left: 5px;
}

#news-left a {
	display: block;
	text-decoration: none;
	color: black; font-size: 12px;  text-align: center; line-height: 20px;
	height: 20px;
	width: 20px;
	background-image: url(../images/news-list-bg.jpg);
}

#news-left a:hover {
	text-decoration: none;
	color: white;
	background-image: url(../images/news-list-selected-bg.jpg);
}

#news-left h4 {
	padding-left: 15px;
	padding-top: 10px;
}

#news-selector {
	padding-left: 15px;
}

#news-preview {
	display: block;
	text-align: justify;
	margin-left: 25px;
	float: left;
	width: 714px;
	height: 100px;
	background-image: url(../images/news-preview-bg.jpg);
	background-repeat: no-repeat;
}

.news-title {
	overflow: hidden;
	height: 22px;
	padding: 10px;
	color: #7d7d7d;
	font-size: 12px;
	font-style: italic;
}

.news-body {
	overflow: hidden;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	color: #a9bac9;
	font-size: 12px;
}

.news-more {
	line-height:18px;
	text-align: center;
	text-decoration: none;
	left: 645px;
	top: 0px;
	position: relative;
	background-image: url(../images/more-button.jpg);
	display: block;
	height: 20px;
	width: 60px;
	color: #f1f0f0;
	font-size: 11px;
}

#newslistitem {
	margin-top: 10px;
	margin-bottom: 50px;
}

#newstitle {
	border-bottom: 1px solid lightgray;
	overflow: hidden;
}

#newstitle h2 {
	display: block;
	width: 630px;
	float: left;
}

#newsdate {
	width: 70px;
	float: right;
	text-align: right;
	font-style: italic;
	color: gray;
}


.clearfix {
	clear: both;
}

#footer-wrapper {
	text-align: center;
	width: 100%;
	background-color: #111111;
}

#footer {
	text-align: center;
	border-bottom-color: #7d7d7d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: auto;
	padding: 10px;
	color: white;
	width: 990px;
	overflow: hidden;
}

#footer h5 {
	text-align: left;
	color: #d1d7db;
	font-size: 18px;
	font-style: italic;
	font-family: "Trebuchet MS";
}

#footer h6 {
	text-align: left;
	color: #d1d7db;
	font-size: 14px;
	font-style: italic;
	font-family: "Trebuchet MS";
}

#hr {
	display: block;
	width: 100%;
	background-color: #7e7e7e;
	height: 1px;
}

.footer-column {
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
	width: 250px;
	float: left;
	margin-right: 100px;
}

.footer-column.last {
	margin-right: 0;
}

.spacer {
	height: 100px;
	float: left;
	width: 100px;
}

#footer-column p {
	border-bottom-style: solid;
	border-bottom-color: #7d7d7d;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #868b8f;
	font-size: 12px;
	text-align: justify;
}

.bottom-links a {
	padding-left: 20px;
	padding-bottom: 6px;
	padding-right: 5px;
	padding-top: 6px;
	display: block;
	height: 14px;
	color: #c2cacf;
	text-decoration: none;
	font-size: 12px;
}

.bottom-links a:hover {
	background-color: #fdbf57;
	display: block;
	color: #333
}

#dotweb {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 20px;
	float: left;
	display: block;
	height: 29px;
	width: 188px;
}

#traficro {
	width: 50px;
	float: right;
}

#bottom-menu {
	margin-top: 30px;
	float: right;
}

#bottom-menu li {
	margin-left: 20px;
	float: left;
}

#bottom-menu a {
	text-decoration: none;
	color: #a9b3b9;
}

#bottom-menu a:hover {
	color: #1b9ff4;
}



#bottom {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 10px;
	overflow: hidden;
}

.gallery {
	display: block;
	width: 230px;
	height: 210px;
	text-align: center;
	float:left;
	margin: 5px;
}

.picture {
  display: block;
  width: 160px;
  min-height: 50px;
  padding: 5px;
  margin-left: 30px;
  border: #dbe5ee 1px solid;
  background: url('../images/no-image.jpg') no-repeat;
  background-position: center;
}

a.picture img {
  vertical-align: middle;
}

.hidden {
  display: none;
}

#form {
	font-size: 14px;
	padding: 10px;
	border-color: #c1c1c1;
	border-width: 1px;
	border-style: solid;
	display: block;
	list-style-type: none;
}

#form li {
	list-style-type: none !important;
}

#form li label {
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
	float: left;
	display: inline;
	min-width: 200px;
	list-style-type: none !important;
}

#form li input {
	border-color: #7d7d7d;
	border-width: 1px;
	border-style: solid;
	width: 290px;
	padding: 3px;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: left;
	display: inline;
	min-width: 200px;
	list-style-type: none !important;
}

#form #submit {
	margin-left: 235px;
	border-color: #7d7d7d;
	border-width: 1px;
	border-style: outset;
	width: 100px;
	padding: 5px;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center;
	display: inline;
	min-width: 20px;
	list-style-type: none !important;
}

#form li select {
	border-width: 1px;
	width: 300px;
	border-color: #7d7d7d;
	border-style: solid;
	padding: 3px;
	margin-bottom: 10px;
	text-align: left;
	display: inline;
	min-width: 200px;
	list-style-type: none !important;
}

#form #request_id, #form #course_applicant_id {
	padding: 0px;
	border-style: none;
}

#form #request__csrf_token, #form #course_applicant__csrf_token, #form #contact__csrf_token {
	padding: 0px;
	border-style: none;
}

#search-results a {
	color: #0c638c; font-size: 14px;
	text-decoration: underline;
}

#search-results p {
	margin: 0 0 10px 0;
}

ul.error_list li {
	color: red !important;
	text-align: right !important;
	padding-right: 170px !important;
}