logo2.gif/* Coláiste Sheosaimh */

body {
	margin-top: 0px;
	text-align: center;
}


/* English and Gaeilge links */
.language {
    color: #7272b7;
    text-align: center;
    font-size: 11px;
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-weight: bold;
    vertical-align: top;
}
a.language {
    color: #b6be96;
    text-align: center;
    font-size: 11px;
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-weight: bold;
    vertical-align: top;
}
/* English and Gaeilge links */
  


.main {
    width: 800px;
    margin-left: auto;
  	margin-right: auto;
  	border-spacing:0px;
    padding: 0px;    
}

.smallborder {
    width: 25px;
    background-color: #b6be96;
    vertical-align: top;
}

.smallborder_bottom {
    width: 25px;
    background-color: #7272b7;
    vertical-align: top;
}


.bigborder {
    width: 25px;
    background-color: #7272b7;
    vertical-align: top;
}

.banner {
    width: 755px;
    vertical-align: top;
    border-width:0px;
}

table.footer {
  	border-spacing:0px;
    padding: 0px;
    width: 100%;
    height: 25px;
    color: #ffffcc;
    text-align: center;
    font-size: 12px;
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-weight: bold;
    background-color: #7272b7;
}


/* Course selection */

.button {
    vertical-align: middle;
    text-align: center;
}

.vacancies {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #090;
}

h1 {
	color: #333;
	font-size: 15px;
	font-weight: 800;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#C64173;
  font-weight:bold;
  text-align:center;
}

h2 {
	color: #EE7500;
	font-size: 13px;
	font-weight: 800;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#002D6A;
  font-weight:bold;
}
h3 {
	color: #333;
	font-size: 12px;
	font-weight: 800;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#C64173;
  font-weight:bold;
}



/* ---------------- */
/* Start: left menu */
/* ---------------- */

.left_menu {
	color:                #ffffff;
	font-size:            13px;
	font-weight:          bold;
	text-align:           left;
	padding:              3px 3px 3px 3px;
	margin:               3px 6px 3px 6px;
	border-bottom-style:  ridge;
}

.left_menu_gallery {
	color:                #ffffff;
	font-size:            13px;
	font-weight:          bold;
	text-align:           left;
	padding:              9px 3px 9px 3px;
	margin:               3px 6px 3px 6px;
	border-bottom-style:  ridge;
}

.left_menu_top {
	color:                #fff;
	font-size:            13px;
	font-weight:          bold;
	text-align:           left;
	padding:              3px 3px 3px 3px;
	margin:               3px 6px 3px 6px;
	border-bottom-style:  ridge;
}

.left_content {
	color:                #fff;
	font-size:            13px;
	font-weight:          normal;
	text-align:           left;
	padding:              14px 0px 14px 0px;
}

.left_content_centre {
	color:                #fff;
	font-size:            13px;
	font-weight:          normal;
	text-align:           center;
	padding:              6px 0px 6px 0px;
}

.left_menu_centre {
	color:                #fff;
	font-size:            13px;
	text-align:           center;
	padding:              10px 10px 10px 10px;
	margin:               0px 8px 10px 8px;
  border-bottom-style:  ridge;
}

.left_menu_bottom {
	color:                #ffffff;
	font-size:            13px;
	font-weight:          bold;
	text-align:           left;
	padding:              3px 3px 3px 3px;
	margin:               3px 6px 3px 6px;
}

.left_content a {
	color:                #eee;
	text-decoration:      none;
}

.left_content a:hover {
	color:                #666;
	text-decoration:      underline;
}

.left_menu a {
	color:                #eee;
	text-decoration:      none;
}

.left_menu a:hover {
	color:                #666;
	text-decoration:      underline;
}


.left_menu_gallery a {
	color:                #eee;
	text-decoration:      none;
}

.left_menu_gallery a:hover {
	color:                #666;
	text-decoration:      underline;
}


.left_menu_top a {
	color:                #eee;
	text-decoration:      none;
}

.left_menu_top a:hover {
	color:                #666;
	text-decoration:      underline;
}

.left_menu_bottom a {
	color:                #eee;
	text-decoration:      none;
}

.left_menu_bottom a:hover {
	color:                #666;
	text-decoration:      underline;
}

/* -------------- */
/* End: left menu */
/* -------------- */







/* ---------------- */
/* Start: Courses   */
/* ---------------- */

#main_content {
	padding: 10px;
	text-align:left;
}

#course_box {
  padding: 5px;
	margin: 5px 5px 5px 5px;
	text-align:left;
	background-color:#ffffff;
	color: #666699;
	font-weight: 700;
}

#course_subbox {
	border: 0px solid #666;
	padding: 5px;
	margin: 1px 1px 1px 5px;
	text-align:left;
}

.course_vacancies {
	padding: 0px 0px 0px 5px;
	font-style:italic;
	color: #b6be96;
	font-weight: 700;
}

.course_full {
	padding: 0px 0px 0px 10px;
	font-style:italic;
	color: #333;
	font-weight: 700;
}

.course_box_even {
	padding: 5px;
	margin: 5px 5px 5px 5px;
	text-align:left;
	background-color:#ece9e9;
	color: #666699;
	font-weight: 700;
}

.course_subbox_even {
	border: 0px solid #666;
	padding: 5px;
	margin: 1px 1px 1px 5px;
	text-align:left;
}

.course_fullname {
	padding: 0px 0px 0px 21px;
}

/* -------------- */
/* End: Courses   */
/* -------------- */






/*----------------*/
/* Start of Steps */
/*----------------*/

.booking_progress {
	color:              #666;
	background-color:   #CCC;
	border-top:         1px solid #666;
	border-bottom:      1px solid #666;
	margin:             5px 5px 25px 5px;
	font-size:          10px;
}

.booking_progress table {
  width:              685px;
  border:             0px;
  border-collapse:    collapse;
}

.booking_progress td {
  width:              175px;
  padding:            0px;
}

.current_step {
	background-color:   #b6be96;
	color:              #fff;
	padding:            5px 0px 5px 0px;
	border-right:       1px dotted #fff;
	border-left:        0px dotted #fff;
}
.current_step h1 {
	margin:             0px;
	font-size:          11px;
	color:              #fff;
}
.other_step {
	padding:            5px 0px 5px 0px;
	border-right:       1px dotted #fff;
	border-left:        0px dotted #fff;
}
.other_step h1 {
	margin:             0px;
	font-size:          11px;
	color:              #fff;
}
.other_step_start {
	padding:            5px 0px 5px 0px;
	border-right:       1px dotted #fff;
	border-left:        0px dotted #fff;
}
.other_step_start h1 {
	margin:             0px;
	font-size:          11px;
	color:              #fff;
}
.other_step_end {
	padding:            5px 0px 5px 0px;
	border-right:       0px dotted #fff;
	border-left:        0px dotted #fff;
}
.other_step_end h1 {
	margin:             0px;
	font-size:          11px;
	color:              #fff;
}

.current_step_end {
	background-color:   #b6be96;
	color:              #fff;
	padding:            5px 0px 5px 0px;
	border-right:       0px dotted #fff;
	border-left:        0px dotted #fff;
}
.current_step_end h1 {
	margin:             0px;
	font-size:          11px;
	color:              #fff;
}


/* Steps */



















/*----------------------*/
/* Start of Application */
/*----------------------*/

.application {
  font-family:    Verdana; 
  font-size:      8pt;
  color:          #666699;
  width:          680px;
}

.application .row {
  clear:          both;
  padding:        7px 0px 0px 0px;
}

.application .left {
  float:          left; 
  width:          190px;
  padding:        0px 0px 0px 10px;
}

.application .left_cuntoir {
  float:          left; 
  width:          260px;
  padding:        0px 0px 0px 10px;
}

.application .full {
  float:          left;
  font-weight:    bold; 
  width:          400px;
  margin:         0px 0px 0px 10px;  
}

.application .full_text {
  float:          left;
  margin:         0px 0px 0px 10px;  
}

.application .full_text_bold {
  float:          left;
  font-weight:    bold;
  margin:         0px 0px 0px 10px;  
}

.application .middle {
  float:          left; 
  width:          180px;
}

.application .middle_dropdown {
  float:          left; 
  width:          330px;
}

.application .middle_dob_day {
  float:          left; 
  width:          60px;
  margin:         0px 0px 0px 10px;
}

.application .middle_dob_month {
  float:          left; 
  width:          80px;
  margin:         0px 0px 0px 10px;  
}

.application .middle_dob_year {
  float:          left; 
  width:          65px;
  margin:         0px 0px 0px 10px;  
}

.application .middle_returning {
  float:          left; 
  width:          450px;
}

.application .middle_gender {
  float:          left; 
  width:          150px;
}

.application .right {
  float:          left; 
  width:          310px;
}

.application .rule {
  float:          left; 
  width:          100px;
  margin:         0px 0px 0px 10px;  
}

.application select {
  font-family:    verdana; 
  font-size:      8pt; 
  color:          #666699;
}

.application input {
  font-family:    verdana; 
  font-size:      8pt; 
  color:          #666699;
}

.application .bigtext {
  font-family:    verdana; 
  font-size:      8pt; 
  color:          #666699;
  width:          390px;
  height:         70px;   
}

.application .warnings {
  padding-left: 0px;
  padding-bottom: 7px;
  padding-right: 0px;
  padding-top: 7px;
  margin-bottom: 0px;
  bottom: 5px;
  border-left-width: 2px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-top-width: 2px;
  border-spacing: 0px 0px;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0px 0px 0px #c9c9c9;
  text-align: center;
  color: #ff251c;
  border-color: #ff2e28;
  border-style: solid;
  clear:          both;
}

.submit {
  text-align:     center;
  padding-top:    50px;
  padding-bottom: 20px;
}


/*--------------------*/
/* End of Application */
/*--------------------*/


/* form validation elements */

.info {
  color:          white; 
}
  
.warn {
  color:          red;
  font-weight:    bold;
}

.error {
  float:          left; 
  color:          red;
  font-weight:    bold;
  text-align:     left;
  padding:        7px 0px 0px 5px;  
}













/* Rules and Policy popout */
.rules {
  font-family:    Verdana; 
  font-size:      9pt;
  color:          #666699;
  vertical-align: top;
  text-align:     left;    
}

.policy {
  padding:        10px 0px 0px 0px;  
}

.policy li {
  padding:        3px 0px 3px 0px; 
}

.rules .bold {
  font-weight:    bold;    
}

/* Rules popout */



/* Payment page */

.payment_box {
  padding: 5px;
	margin: 5px 5px 5px 5px;
	text-align:left;
	background-color:#ffffff;
}

.payment_box_even {
	padding: 5px;
	margin: 5px 5px 5px 5px;
	text-align:left;
	background-color:#ece9e9;
}

td.payment_left {
  width:28%;
	color: #666699;
  font-weight:bold;
}

td.payment_right {
  width:72%;
	color: #666699;
}

.payment_header {
	color: #666699;
	height: 75px;
}

/* Payment page */



.gallery {
	color:                #b6be96;
	font-size:            17px;
	font-weight:          bold;
	border:               2px solid #b6be96;
    margin:               2px;
    padding:        3px;
}

.gallery a {
	color:                #b6be96;
	text-decoration:      none;
}

.gallery a:hover {
	color:                #666;
	text-decoration:      underline;
}


.employment {
	color: #be1915;
	font-size:            17px;
	font-weight:          bold;
	border:               2px solid #b6be96;
    margin:               2px;
    padding:        3px;
}

.employment a {
	color: #be3b30;
	text-decoration:      none;
}

.employment a:hover {
	color:                #666;
	text-decoration:      underline;
}