/* 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: 27px;
    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;
}


/* needed */
#contact_details {
	border-bottom-style:ridge;
	color: #ffffff;
	font-size: 13px;
	padding: 3px;
	margin: 3px 8px 3px 8px;
	text-align:left;
}

#contact_details_realex {
  border-bottom-style:ridge;
	color: #fff;
	font-size: 12px;
	padding: 3px;
	margin: 0px 8px 10px 8px;
	text-align:left;
}

#contact_details a {
	color: #eee;
	text-decoration: none;
}
#contact_details a:hover {
	color: #666;
	text-decoration:underline;
}
/* end needed */



#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;
}


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






/* Steps */

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






















/* Text boxes */
input.text { 
    font-family:Verdana; 
    font-size:9pt;
    color: #666699; 
    width:200px;
    height:22px;
}
textarea.text { 
    font-family:Verdana; 
    font-size:9pt;
    color: #666699; 
    width:200px;
    height:70px;   
}
textarea.bigtext { 
    font-family:Verdana; 
    font-size:9pt;
    color: #666699; 
    width:390px;
    height:70px;   
}




/* Application form */

.left {
    font-family:Verdana; 
    font-size:8pt;
    color: #666699; 
    width: 280px;
    vertical-align: top;
}
.full {
    font-family:Verdana; 
    font-size:8pt;
    color: #666699; 
    width: 700px;
    vertical-align: top;
}
.right {
    font-family:Verdana; 
    font-size:8pt;
    color: #666699; 
    width: 150px;
    vertical-align: top;
}
/* Application form */







/* form validation elements */

.info {
    color:white; 
    background-color:transparent; 
    font-weight:normal; 
}
  
.warn {
    color: rgb(120,0,0); 
    background-color:transparent; 
    font-weight:normal;
}

.error {
    color: red;
    background-color:transparent;
    font-weight:bold;
    font-family:Verdana; 
    font-size:8pt;
    width:250px;
    vertical-align:top;
    text-align: left;    
}



/* Rules popout */
.rules {
    background-color: #b6be96;
    font-weight:bold;
    font-family:Verdana; 
    font-size:8pt;
    width:680px;
    vertical-align:top;
    text-align: left;    
}
/* 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 */