/* -----------------------------------------------------------*/
/* ---------->>> main body <<<-----------*/
/* -----------------------------------------------------------*/

* {
   padding:0px;
   margin:0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
}
body {
	background: #fff url(http://www.dit.ie/cser/media/ditcser/cssimages/pages-bg.gif) 50% 10px no-repeat;
}
body#home {
	background: #fff url(http://www.dit.ie/cser/media/ditcser/cssimages/home-bg.gif) 50% 50px no-repeat;
}
body#fm_upload {
	background: #ffffde;
}
#container {
	margin: 0 auto;
	width: 760px;
	text-align: left;
}
#header {
	margin-top: 5px;
}
#breadcrumbs {
	text-align: right;
	padding: 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: none;
}
#navigation {
	border: 0;
	padding: 0;
	height:25px;
	background-color: #fff;
	clear:both;
	margin-top: 5px;
}
#content {
	width: 510px;
	padding: 20px 0;
}
#content.fm {
	width: 760px;
	padding: 10px 0 20px;
}
#sidebar {
	width: 220px;
	float: right;
}
#footer {
	border-top: 3px solid #0096d7;
	padding: 5px 0 10px;
	margin-top: 10px;
}

#comments {
	border: 1px solid #000;
	background-color: #efefef;
	padding: 10px;
	margin-top: 30px;
}

/* -----------------------------------------------------------*/
/* ---------->>> general html <<<-----------*/
/* -----------------------------------------------------------*/

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	color: #0096d7;
	font-size: 24px;
	font-weight: 400;
}
h3 {
	color: #0061aa;
	font-size: 17px;
	font-weight: 600;
	margin: 0;
	padding: 20px 0 0 0;
}
h4 {
	color: #0096d7;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 15px 0 0 0;
}
h5 {
	color: #0096d7;
	font-size: 11px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
	color: #0096d7;
}
a:hover, a:active {
	color:#e75700;
	text-decoration:none;
	border-bottom: 0 none;
}
form {
	padding:0px;
	margin:0px;
}
input, textarea, select {

}
img {
	border:0 none;
}
a.nohover:hover img {
	border:none;
	text-decoration:none;
}
ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul {
	padding: 0;
	margin: 0;
}
#content p {
	line-height: 160%;
	margin: 10px 0 15px;
	color: #191919;
}
#content p a,
#content a.top {
	text-decoration:none;
	color: #0096d7;
	border-bottom: 1px dashed #FFF;
}
#content p a:hover, #content p a:active, #content a.top:hover {
	color:#e75700;
	border-bottom: 1px dashed #666;
}
#content ul {
	margin: 15px 0;
}
#content ul li {
	padding-left: 15px;
	background: url(http://www.dit.ie/cser/media/ditcser/cssimages/content_li.gif) left 7px no-repeat;
	margin: 5px 20px;
	line-height: 150%;
}
#content a.top {
	float: right;
	text-align:right;
	text-transform: lowercase;
}
.clearfix,
.clearboth {
	clear:both;
	margin:0px !important;
	padding:0px !important;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}
#content p.contact {
	color: #666;
	margin-top: 5px;
}
/* -----------------------------------------------------------*/
/* ---------->>> DIT Navigation <<<-----------*/
/* -----------------------------------------------------------*/

div#top {
	height: 55px;
	background-color: #fff;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
}


/* Top horizontal navigation */
div#top { width:779px; height: 58px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 7px; margin: auto; }
.toplogo { padding: 0; margin: 0 12px 0 0; float: left; }
#ditmenu { margin:  -4px 0 5px 61px; text-align: left; height: 21px; background: #ffffff;}
#ditmenu li { float: left; }
#ditmenu li a { padding:2px 10px; color: #00679A; border-right: 1px dotted #00679A; font-size: 0.9em; }
#ditmenu li a:hover {background-color:#d9f0f7; padding:2px 10px; color: #00679A; border-right: 1px dotted #00679A; font-size: 0.9em; }

div#toplinks { text-align: left; color: #0099CC; margin: 0 5px 0 75px; }
div#toplinks a { font-size: 10px; color: #666; }
div#toplinks a:hover { border-bottom: 1px dashed #666;}
div#dit_forms { padding: 0; margin: 0; float: right; }
div#dit_forms select { color: #0067AC; height: 17px; width: 150px; font-size: 11px; margin-right: 10px; border: 1px solid #0067ac; }
div#dit_forms select option { padding: 5px 1px; }
div#dit_forms1 { padding: 0px; margin: 0px; float: right; margin-right: 15px; }
div#dit_forms1 .searchboxhm { border: 1px solid #0067ac; height: 14px; margin-bottom:7px; position: relative; top: -6px; color: #0067AC; font-size: 11px; width: 100px; }
#dit-search-button { border: 0 none; width: 100px; height: 19px; }



/* -----------------------------------------------------------*/
/* ---------->>> header <<<-----------*/
/* -----------------------------------------------------------*/

#header {
	height: 150px;
}
#home #header {
	height: 240px;
}
#header h1 {
	background: transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/cser_pages.gif) right no-repeat;
	height: 150px;
	width: 300px;
	float: right;
}
#header h1 a {
	display: block;
	width: 300px;
	height: 150px;
}
#home #header h1 {
	background: transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/cser_home.gif) right no-repeat;
	height: 240px;
	width: 350px;
}
#header h1 span {
	display: none;
}
div.flash_container {
	width: 430px;
	height: 150px;
	float: left;
	margin:0;
	padding: 0;
}

#home div.flash_container {
	width: 410px;
	height: 240px;
	float: left;
	margin:0;
	padding: 0;
}

/* -----------------------------------------------------------*/
/* ---------->>> navigation <<<-----------*/
/* -----------------------------------------------------------*/

#breadcrumbs a:hover, #footer a:hover {
	border-bottom: 1px dashed #666;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 760px; /*For KHTML*/
  list-style: none;
  height: 24px;
  float: right;
}
ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: auto;
  list-style: none;
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  width: 170px;
}
ul#navmenu ul.long {
  width: 250px;
}
ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
  border: 0 none;
  padding: 0 2px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #0096d7;
  color: #fff;
  font: normal 11px/24px  "Lucida Grande", "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  width: 74px;
  text-align:center;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
ul#navmenu a.medium {
	width: 100px;
}
ul#navmenu a.long {
	width: 149px;
}
ul#navmenu a.last {
	width: 76px;
	border-right: 0 none;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.sfhover a {
  background: #0061aa;
  color: #fff;
}
/* 2nd Menu */
ul#navmenu li:hover li,
ul#navmenu li.sfhover li {
	height: 20px;
	border-bottom: 1px solid #fff;
}
ul#navmenu li:hover li a,
ul#navmenu li.sfhover li a {
  float: none;
  width: auto;
  background: #0061aa;
  color: #fff;
  font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
  height: 20px;
  border-bottom: none !important;
  border-bottom: 1px solid #fff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.sfhover li a:hover,
ul#navmenu li.sfhover li.sfhover a {
  background: #0096d7;
  color: #FFF;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.sfhover li.sfhover li a {
  background: #EEE;
  color: #fff;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.sfhover li.sfhover li a:hover,
ul#navmenu li.sfhover li.sfhover li.sfhover a {
  background: #CCC;
  color: #FFF;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.sfhover li.sfhover li.sfhover li a {
  background: #EEE;
  color: #666;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.sfhover li.sfhover li.sfhover li a:hover {
  background: #CCC;
  color: #FFF;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.sfhover ul ul,
ul#navmenu li.sfhover ul ul ul {
  display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.sfhover ul,
ul#navmenu ul li.sfhover ul,
ul#navmenu ul ul li.sfhover ul {
  display: block;
}

/* -----------------------------------------------------------*/
/* ---------->>> footer <<<-----------*/
/* -----------------------------------------------------------*/

#footer {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer span {
	float: right;
}

/* -----------------------------------------------------------*/
/* ---------->>> sidebar <<<-----------*/
/* -----------------------------------------------------------*/

.blue_box, .news {
	margin: 25px auto;
}
.blue_box .hd {
	background:transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/search-tl.gif) no-repeat 0px 0px;
	height:10px;
}
.blue_box .hd .c {
	background:transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/search-tr.gif) no-repeat right 0px;
	height:10px;
	font-size:1px; /* ensure minimum height */
}
.blue_box .bd .c .s {
	padding: 3px 15px;
	margin: 0;
	background-color: #d6eef9;
}
.blue_box .ft {
	background:transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/search-bl.gif) no-repeat 0px 0px;
	height:10px;
}
.blue_box .ft .c {
	background:transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/search-br.gif) no-repeat right 0px;
	height:10px;
	font-size:1px; /* ensure minimum height */
}

.news .hd {
	background:transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/news-tl.gif) no-repeat 0px 0px;
	height:10px;
}
.news .hd .c {
	background:transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/news-tr.gif) no-repeat right 0px;
	height:10px;
	font-size:1px; /* ensure minimum height */
}
.news .bd .c .s {
	padding: 3px 15px;
	margin: 0;
	background-color: #f1f7d6;
}
.news .ft {
	background:transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/news-bl.gif) no-repeat 0px 0px;
	height:10px;
}
.news .ft .c {
	background:transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/news-br.gif) no-repeat right 0px;
	height:10px;
	font-size:1px; /* ensure minimum height */
}

#sidebar h4 {
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-weight: 700;
	color: #0096d7;
}
#sidebar p {
	margin: 0;
	padding: 5px 0;
	font-size: 11px;
}
#sidebar h5 {
	margin: 0;
	padding: 10px 0 0 0;
	text-transform:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0061aa;
}
#sidebar h5 a {
	color: #0061aa;
}
#sidebar h5 a:hover {
	border-bottom: 1px dashed #0061aa;
}
.search p {
	padding: 0 20px 0 0;
}
.search .searchbox {
	border: 1px solid #0067ac;
	margin-bottom:7px;
	color: #0067AC;
	font-size: 12px;
	padding: 3px 2px;
	width: 140px;	
}
.search .searchbutton {
	float: right;
	border: 0 none;
}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	padding-left: 15px;
	background: url(http://www.dit.ie/cser/media/ditcser/cssimages/content_li.gif) left 5px no-repeat;
	margin: 10px 0 ;
}
#sidebar ul li a {
	font-size: 12px;
	color: #0061aa;
}
#sidebar ul li a:hover {
	border-bottom: 1px dashed #0061aa;
}
/* -----------------------------------------------------------*/
/* ---------->>> file manager <<<-----------*/
/* -----------------------------------------------------------*/
#loginarea {
	text-align: right;
	height: 30px;
	padding-bottom: 5px;
}
#file_manager fieldset { border: 0 none; }
#file_manager label {
	font-size: 11px;
	color: #999;
}
#file_manager .input_text {
	width: 120px;
	font-size: 12px;
	border: 1px solid #0067ac;
	margin-right: 20px;
	padding: 3px;
}
#file_manager .input_text:focus {
	font-weight: 700;
	background-color: #ffffcc;
	border: 1px solid #0061aa;
}
#file_manager .input_file {
	font-size: 12px;
	border: 1px solid #0067ac;
	margin-right: 20px;
	padding: 2px;
	background-color: #fff;
}
.small_button {
	border: 0;
	background: transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/small-button.gif) 0px 0px no-repeat;
	width: 85px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	line-height: 30px;
}
.small_button:hover {
	background: transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/small-button.gif) 0px -30px no-repeat;
}
.small_button_remove {
	border: 0;
	background: transparent url(.http://www.dit.ie/cser/media/ditcser/cssimages/small-button-remove.gif) 0px 0px no-repeat;
	width: 85px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	line-height: 30px;
	color: #fff;
}
.small_button_remove:hover {
	background: transparent url(http://www.dit.ie/cser/media/ditcser/cssimages/small-button-remove.gif) 0px -30px no-repeat;
}
.large_button {
	border: 0;
	background: #fff url(http://www.dit.ie/cser/media/ditcser/cssimages/large-button.gif) 0px 0px no-repeat;
	width: 170px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	line-height: 30px;
}
.large_button:hover {
	background: #fff url(http://www.dit.ie/cser/media/ditcser/cssimages/large-button.gif) 0px -30px no-repeat;
}

#sort_documents {
	width: 300px;
	float: right;
	text-align: right;
	padding-top: 5px;
}
#sort_documents select {
	color: #0067AC;
	width: 150px;
	font-size: 12px;
	border: 1px solid #0067ac;
}
#sort_documents option {
	padding: 1px 10px;
}
#file_manager_body {
	padding-top: 10px;
}
#file_manager_body ul li.files {
	color: #191919;
	border: 0 none;
	padding: 5px;
	min-height: 34px;
	margin: 5px 0;
	background-image: none;
}
#file_manager_body ul li.files table {
	margin: 0;
	padding: 0;
	border: 0;
}
#file_manager_body ul li.files table tr td {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	width: 200px;
	background: inherit;
	margin: 0;
	padding: 0;
	border: 0 none;
}
#file_manager_body ul li.files table.files_admin {
	width: 690px;
}
#file_manager_body ul li.files table.files_admin tr td {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	width: 150px;
	background: inherit;
	margin: 0;
	padding: 0;
	border: 0 none;
}
#file_manager_body ul li.files table.files_admin tr td.edit,
#file_manager_body ul li.files table.files_admin tr td.remove {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	width: 85px;
	height: 30px;
}
	
#file_manager_body ul li.files h4 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font-size: 12px;
}
#file_manager_body ul li.files h4 a {
	text-decoration: underline;
	color: #0061aa;
}
#file_manager_body ul li.files h4 a:hover {
	text-decoration: none;
	color: #177fcd;
}
.icon {
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 20px;
}
  
.file_edit input.large_button {
	margin: 10px;
}

.file_details {
	background-color:#ffffde; 
	clear: both;
	margin: 0;
	padding: 0 15px 5px 15px;
}
.new_file {
	border: 1px solid #fdea80;
	padding: 15px;
}
.file_details label {
	margin: 5px 20px;
	width: 140px;
	display: block;
	float: left;
	line-height: 24px;
	color: #333;
	text-align: right;
}
.file_details h5 {
	border-bottom: 1px solid #fdea80;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
#file_manager .input_text_long {
	width: 380px;
	margin: 5px 0;
	font-size: 14px;
	border: 1px solid #0067ac;
	padding: 3px;
}
#file_manager .input_text_long:focus {
	font-weight: 700;
	background-color: #ffffcc;
	border: 1px solid #0061aa;
}
.file_details .small_button {
	float: right;
	margin-right: 20px;
}
#fm_upload input {
	border: 1px solid #0067ac;
}
#progressbar {
	float: right;
	margin-right: 30px;
}
/* -----------------------------------------------------------*/
/* ---------->>> Tooltips <<<-----------*/
/* -----------------------------------------------------------*/

body div#toolTip { 
	position:absolute;
	z-index:1000;
	width:400px;
	background:#f7fcfe;
	border:1px solid #0096d7;
	text-align:left;
	padding:5px;
	min-height:1em;
	-moz-border-radius:5px;
}
body div#toolTip p { 
	margin:0;
	padding:0;
	color:#191919;
	font: 11px/12px verdana,arial,sans-serif; 
}
body div#toolTip p em {
	display:block;
	margin-top:3px;
	color:#f60;
	font-style:normal;
	font-weight:bold;
}
body div#toolTip p em span { 
	font-weight:700;
	color:#191919;
}

.download {
	padding: 10px 10px 10px 70px;
	background:#f7fcfe url(http://www.dit.ie/cser/media/ditcser/cssimages/download.gif) 10px 10px no-repeat;
	border: 1px solid #0096d7;
	-moz-border-radius:5px;
	margin-bottom: 20px;
}
#content .download h4, #content .download p { padding: 0; margin: 0; }
#content .download h4 {color: #0061aa; font-weight: 700; padding-bottom: 5px; font-size: 14px; }


