@charset "utf-8";
/* 
CSS Document 
layout.css
DIAS - Dublin Institute for Advance Studies
*/

body {
font-family:Arial, Helvetica, sans-serif; 
margin:0; 
padding:0;
}

a {
color:#333;
}

.wrapper {
width:980px; 
margin:auto;
}

/* Header Styles */

#header {
background:transparent url(../images/header.png) left top no-repeat; width:960px; height:181px; padding:8px 10px 10px 10px;
}

#header .h_left {
width:350px;
float:left;
}

#header .h_right {
width:610px;
float:right;
}

.site_logo {
text-align:center;
}

.site_slogan {
position:absolute;
margin-top:-6px;
}

#header .site_slogan h2 {
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.4em;
font-size: 20px; /* Fix as is a fixed witdh template */
padding:4px 0 4px 10px;
color:#fff;
margin:0px;
text-align:center;
}

.site_search {
margin:42px 0 0 0;
}

.search_wrap {
width:240px;
margin:auto;
}

#header .site_search input.inputbox {
background:transparent url(../images/search_bg.png) left top no-repeat;
float:left;
border:transparent 1px solid;
font-size:11px;
display:block;
width:165px;
height:20px;
padding:0px 4px 0px 4px;
}

#header .site_search 
input.button{
display:block;
padding:1px 0 0 2px;
}

#fontsize {
padding:0 8px 6px 0;
float:right;
}

#fontsize a, img{
padding:0;
margin:0;
border:none;
}

#site_banner .home_left,
#site_banner .home_middle,
#site_banner .home_right {
float:left;
padding-left:1px;
}

#language {
float:right;
font-size:10px;
font-weight:bold;
padding:10px 8px 0 0;
}

#language a {
/*letter-spacing:-1px;*/
color:#b6b6b6;
text-decoration:none;
}

#language
#active_language a {
color:#fff;
}

/* ontent Styles */

#content {
clear:both;
margin-top:2px;
background-color:#f0f1f2;
}

.schoolname {
padding:1px;
}

.schoolname h2 {
background-image:url(../images/school_bar_hl.png);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-weight:normal;
font-size:1.4em;
padding:19px 0 0 2px;
color:#fff;
margin:0px;
}

.schoolname a {
 color: #ffffff;
}

.article {
float:left;
}

.labels {
float:right;
margin:1px 14px 0 0;
}

.celtic_label,
.cosmic_label,
.theoretical_label {
float:left;
width:194px;
height:57px;
margin-left:2px;
padding:10px 0 0 6px;
font-family:Arial, Helvetica, sans-serif;
}

.celtic_label a,
.cosmic_label a,
.theoretical_label a {
color:#FFFFFF;
text-decoration:none;
}

.celtic_label {
background:transparent url(../images/celtic_label.png) left top no-repeat;
}

.cosmic_label {
background:transparent url(../images/cosmic_label.png) left top no-repeat;
}

.theoretical_label {
background:transparent url(../images/theoretical_label.png) left top no-repeat;
}

.celtic_label h3,
.cosmic_label h3,
.theoretical_label h3 {
font-family:HArial, Helvetica, sans-seri;
/*line-height:15px; changed on 2013-09-24*/
line-height:20px;
padding:0;
margin:0;
color:#FFFFFF;
font-size:0.8em;
text-transform:uppercase;
font-weight:bold;
/*letter-spacing:-1px;*/
}

.celtic_label h2,
.cosmic_label h2,
.theoretical_label h2 {
padding:0;
margin:-6px 0 0 0;
color:#FFFFFF;
font-size:1.4em;
font-weight: normal;
/*letter-spacing:-1px;*/
}

.frontpagetitle {
	font-size: 1.4em;
	font-weight: bold;
}

.frontpagetitle a {
	text-decoration: none;
	color:rgb(23, 71, 117);
}
.frontpagetitle a:hover {
	border-bottom: 1px dotted rgb(176, 202, 218);
	color:rgb(63, 111, 157);
}


.frontpageceltictitle {
	font-size: 1.4em;
	font-weight: bold;
}

.frontpageceltictitle a {
	text-decoration: none;
	color:rgb(117, 71, 23);
}
.frontpageceltictitle a:hover {
	border-bottom: 1px dotted rgb(218, 202, 176);
	color:rgb(157, 111, 63);
}

#latest_news {
margin:-50px 0px 0px 20px;
position:absolute;
color:#fff;
}

#latest_news ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#latest_news .ucd_date {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:17px 0 0 16px;
font-weight:bold;
font-size:0.8em;
}

#latest_news .ucd_title {
margin-top:-6px;
}

#latest_news .ucd_title a {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
padding:0 0 0 16px;
color:#FFFFFF;
text-decoration:none;
}

#latest_news .ucd_date,
#latest_news .ucd_title a {
letter-spacing:-1px;
padding:0;
margin:0px;
}

#breadcrumb {
font-size: 0.8em;
height: 66px;
left:inherit;
position:absolute;
top: 205px;
width: 350px;
z-index: 5; 	/* was 1000 - 2012-03-30 JFB */
margin-left:5px;
}

#breadcrumb span {
color:#fff;
}


#breadcrumb a{
color:#fff;
text-decoration:none;
}

.breadcrumbs {
position:absolute;
bottom:0px;
}

#contentarea,
#contentarea2 {
border: solid 0px #000;
margin: 0;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0.8em;
/*overflow: hidden;*/
}

.content_banners {
background-color:#F9F9FA;
float:left; 
width:780px;
font-size:0.8em;
}

.content_banners h2 {
font-size:1.4em;
margin:0;
padding:0;
}

.user1, .user2, .user3, .user4 {
padding:10px;
float:left;
}

.user1 {
width:370px;
}

.user2 {
width:370px;
}

.user3 {
}

.user4 {
}

#main, #main2 {
background-color:#f9f9fa;
padding:10px 10px 20px 10px;
float: right;
/*position:relative;*
}

#main {
margin:0 0 0 0;
}

#main2 {
float:left;
/*position:relative;*/
width:760px;
}

#main h1, #main2 h1, .componentheading {
font-size:1.5em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
/*letter-spacing:-1px;*/
margin:0;
padding:0;
}

#main h2, #main2 h2 {
font-size:1.3em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
/*letter-spacing:-1px;*/
margin:0;
padding:0;
}

h2.vacapply {
 font-size:1.2em;
}

p.iteminfo, 
p.buttonheading, 
p.articleinfo, 
.searchintro, 
.search_result, 
.jfdefaulttext, 
.contact, 
p.text,
table.amo,
div.amo{
/*font-size:0.8em;*/
}

a.amo {
text-decoration: underline;
}

div.desc,
div.title {
/*font-size:0.8em;*/
}

table.category {
font-size:0.8em;
}

.create {
font-size: 1em;
color:#999;
margin-left: 10px;
}
.row-separator {
border-top: 1px;
border-top-style:dotted;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
border-color:#777;
}

.blogceltic .row-separator {
border-top: 0px;
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
border-color:#777;
}


.modifydate, 
.createdby ,
.createdate ,
.buttonheading {
font-size: 0.7em;
color:#777;
}

.modifydate {
display:block;
padding:0;
}

.createdby {
display:block;
padding:0 0 0 2px;
}

.createdate {
display:block;
}

p.buttonheading {
text-align:right;
}

#right {
color:#000000;
float:left;
padding-top:10px;
width:28%;
}

#wrapper {
margin:0
}

#footer {
background-color:#5d5d5d;
width:980px;
height:57px;
float: left;
}

#footer ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:18px 0 0 80px;
}

#footer li {
float:left;
border-left:#686868 1px solid;
line-height:21px;
padding-left:10px;
padding-right:80px;
}

#footer a {
background:transparent url(../images/footer_arrow.png) left center no-repeat;
padding-left:10px;
color:#d4d8d9;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
}

#footer img {
float:right;
margin:-6px 6px 0 0;
}

.company_address, 
.enovation_footer {
margin-top:5px;
margin-bottom:5px;
line-height:20px;
color:#333;
font-size:0.8em;
}

.company_address {
float:left;
}

.enovation_footer {
border-left:#686868 1px solid;
padding-left:10px;
float:right;
}

.enovation_footer a.powered_by {
color:#333;
}

.moduletable {
background:transparent url(../images/menu_topstripe.png) center top no-repeat;
margin-top:2px;
padding-top:2px;
margin-bottom:2px;
width:200px;
}

.module_bottom {
background:transparent url(../images/menu_bottomstripe.png) bottom center no-repeat;
width:200px;
padding-bottom:2px;
}
 
.module_mid {
background:transparent url(../images/menu_middlestripe.png) center top repeat-y;
padding:8px;
}

.moduletable h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#333;
font-weight:normal;
/*letter-spacing:-1px;*/
margin:0;
padding:0;
}

.module_mid ul {
margin-left:6px;
}

.jt-menu, .jt-menu * {
list-style:none outside none;
margin:0px;
padding:0;

}

.jt-vertical, .jt-vertical li {
width:170px;
}

.jt-menu li {
background:transparent url(../images/menu_arrow.png) left center no-repeat;
}

.jt-menu a {
background:transparent url(../images/menu_str.png) bottom left no-repeat;
text-decoration:none;
padding:0.9em 0em 1.1em 1.2em;
font-size:0.8em;
border:none;
}

.jt-menu a span {
display:block;
}

.jt-menu #current {
background:none;
font-weight:bold;
}

.jt-menu a, .jt-menu a:visited {
color:#333;
}

.jt-menu li:hover, 
.jt-menu li.sfHover, 
.jt-menu a:focus, 
.jt-menu a:hover, 
.jt-menu a:active {
background:transparent url(../images/menu_str.png) bottom left no-repeat;
outline:0 none;
font-weight:bold;
}

.module_mid ul ul {
list-style:none outside none;
margin:0px;
padding:0px;
}

.module_mid ul ul li {
background:#c4ccc9 url(../images/menu_arrow.png) left center no-repeat;
}

#left ul.menu li.active ul {
/*margin-left:20px;*/
}

.jt-shadow ul {
border:none;
background: none;
padding:0 8px 9px 0;
}

.module_mid ul ul li a {
background:#c4ccc9 url() left center no-repeat;
border:medium none;
font-size:0.8em;
padding:0.9em 0 1.1em 1.2em;
text-decoration:none;
}

.module_mid ul ul li:hover, 
.module_mid ul ul li.sfHover, 
.module_mid ul ul a:focus, 
.module_mid ul ul a:hover, 
.module_mid ul ul a:active {
background:#5D5D5D url() bottom left no-repeat;
outline:0 none;
font-weight:bold;
}

div#main form {
font-size:0.8em;
}

div.contact label {
display:block;
margin:8px 0 4px 0;
}

form#login,
.display,
table.weblinks {
font-size:0.8em;
}

ul.level_0 {
font-size:0.8em;
margin-left:10px;
}

span.marker img {
margin-right:10px;
}

#leftPannel {
float:left;
}

#admin .jt-menu a {
font-family:Arial, Helvetica, sans-serif;
background:none;
border:none;
font-size:1.1em;
padding:0;
text-decoration:none;
/*letter-spacing:-1px;*/
font-weight:normal;
}

#admin .jt-menu li:hover, 
#admin .jt-menu li.sfHover, 
#admin .jt-menu a:focus, 
#admin .jt-menu a:hover, 
#admin .jt-menu a:active {
font-family:Arial, Helvetica, sans-serif;
background:transparent url() bottom left no-repeat;
outline:0 none;
font-weight:normal;
}

#admin .jt-menu li {
background:transparent url() left center no-repeat;
}

#admin .module_mid ul {
margin:2px 0 0 0;
}
table.amo_courses {
	text-align:left;
}

th.amo {
	font-size: 100%;
	text-align:left;
}

form.user label {
	float: left;
	width: 40%;
}

#left {
	position:relative;
}

.invalid {
	border-color: red !important;
}

label.invalid {
	color : #FF0000;
}


.sectiontableentry,
.sectiontableentry1,
.sectiontableentry0 {
        background : #EEEEEE;
        font-size:1.5em;
}
.sectiontableentry1,
.sectiontableentry0 {
        width: 20%;
}

.contact {
        font-size:0.8em;
}

.sectiontableheader {
        font-size: 1.5em;
}

.message, .error {
	margin-left: 110px;
	color:#ff0000;
}


ul.pagination li {
	list-style-type:none;
	float:left;
	margin-left:10px;
}

/*** adding jt-vertical in addition to jt-menu creates a vertical menu ***/
.jt-vertical, .jt-vertical li {
	width:	170px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.jt-vertical li:hover ul,
.jt-vertical li.sfHover ul {
	left:	170px; /* match ul width */
	top:	0;
}

.loginhelp {
	font-size: 2em;
}

#skipnavigation a, #skipnavigation a:hover, #skipnavigation a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skipnavigation a:active, #skipnavigation a:focus
{
position:static;
width:auto;
height:auto;
} 


/* Multi column display for category blog layout */

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}