
@media screen {
* {
        background-color: transparent;
        border: 0px solid #999;
        color: #333;
        /*font-family: verdana, lucida, arial, helvetica, sans-serif;*/
        font-family: verdana, helvetica, arial, sans-serif;
        padding: 0px;
}

body {
	background: silver;
	text-align: center;
}

select {
       border: solid;
       border-width: 1px;
       background-color: #ffffcc;
}

/* ########## Blocks, id and class ########## */

/* ISS Modifications */ 
/* #Canvas {margin: 7px 7px 0px 7px; } */

#Canvas {
	 background: #fff;
         font-family: verdana, lucida, arial, helvetica, sans-serif;
	 position: relative;
	 font-size: 12px;
	 overflow: auto;
}

/* End ISS Modifications */


#Stretcher {margin: 0px 5px 0px 250px; text-align: left; }
#Paint {
	vertical-align: top;
	text-align: center;
}
#Header {
	margin: 0px 7px 7px 7px;
/* ISS Modifications */
        /*
	background: #929292;
	border 1px solid #333;
	*/
/* End ISS Modifications */
	text-align: left;
	vertical-align: top; 
}

/* ISS Modifications */
#Header h1 {
        color: #333;
	background-image: none;
	font-size: 20px;
	width: 100%;
	height: 100%;
}
/* End ISS Modifications */
#ActionHeader {
	border-bottom: 1px solid #333;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	padding-bottom: 3px; padding-top: 3px; padding-left: 3px; padding-right: 3px; 
	margin-bottom: 10px;
}

#Clock {float: right; padding-right: 3px; vertical-align: top; font-family: Arial, sans-serif;}
#Login {text-align: left; padding-left: 5px; vertical-align: top; font-family: Arial, sans-serif;}
#Search input.textbox {width: 90%;}
#Logo {text-align: left; padding-top: 5px; padding-left: 5px;}
#Logo a {font-size: 72px;}
#Title {
/* ISS Modifications */
	height: 30px;
/* End ISS Modifications */
}


.menuInactive {padding-left: 20px}
.menuInactive2 {font-size: 14px; text-decoration: none;}
#FormLabel {font-size: 12px; font-weight: bold;}
#ArcCalendar {padding-bottom: 10px;}
/* #SITELINKS {position: relative; text-align: center;} */
ul#MainMenuLinks li {list-style: none; display: inline;}

/* #top {height:1px;width:1px;display: none;} */
#toggleMenu {float: right; padding-right: 3px;}
#Menus {
        margin: 0px 7px 7px 7px;
        font-size:12px;
	float: left;
	width: 240px; /* width: 25%; nogo w/ ie yet */
	border: 0px solid #999;
	padding-top: 0px;
	text-align: left;
}

/* ISS Modifications */
/* #Footer {    ISS CSS already uses this id so change */
#canvasFooter {
/* End ISS Modifications */
        margin: 0px 7px 7px 7px;
	background: #929292;
	border: 1px solid #333;
	clear: both;
	font-size: 10px;
	padding: 2px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}
#Identity {text-align: left; font-size: 12px; font-weight: bold; overflow: hidden;}

.Help {display: none; position: absolute; border: 1px dotted #333; z-index: 1000; background: #ffffcc; }

.MenuBlock {
	background: #fff;
	padding: 5px;
	border: 1px solid #333;
	text-align: left;
	margin-bottom: 10px;
}
.MenuBlock h1 {text-indent: 0px; font-size: 16px; padding-bottom:10px;}
.MenuBlock strong {text-indent: 0px; font-size: 16px; padding-bottom:10px;}

.ContentBlock {
        font-size:12px;
	margin: -3px 0px 0px 0px;
	background: #fff;
	padding: 0px;
	text-align: left;
	height: 100%;
}
.ContentBlock ul {padding-left:20px;}
.ContentBlock p {padding: 10px;}
.ContentBlock h4 {padding:10px; clear:none;}
.ContentBlock > * {
	padding: 0px;
	border-bottom: 0px dotted #999;
	text-align: left;
}
.ContentBlock * a {
	border-bottom: 1px dotted #3366CC;
	text-align: left;
}
.ContentBlock * a:hover {text-decoration:none;}
.ContentBlock * a img {border: 0px;}

.ContentBlock th {background-color: #fff; }

.ContentBlock fieldset { border: 1px solid #834047; background:#ffffff url(https://www.ncl.ac.uk/graphics/angles/10,10,834047|l,ffffff.png) no-repeat bottom right;
}

.ContentBlock hr {margin-right:10px;}
.navBar {margin: 0px 0px 0px 250px;}

.displayNone {display: none;height:0px;width:0px;}
.printNone {}
.title {position: absolute; top: 60px; font-size: 16px; text-indent: 30px;}
.customMenu {text-indent: 0px; }
a.dingbat {text-align: center;}
.dingbat {text-indent: 0px; text-align: center; font-family: serif; font-weight: 100;}

.button { background:silver !important; border: 3px solid; padding: 0px  2px  0px 2px; margin:2px; border-top-color: #99ccff; border-right-color: #999;border-bottom-color: #999; border-left-color: #99ccff;}
.button:hover {background: silver; border-top-color: #999; border-right-color: #99ccff; border-bottom-color: #99ccff; border-left-color: #999;}

.smalltext {font-size: 10px;}
.smalltext a {font-size: 10px;}
.smallblacktext {color: #000; font-size: 12px;}
.mediumtext {font-size: 12px;}
.largetext {font-size: 16px;}

/* ########## Elements ########## */

img {}
.MainMenuLinks {border: 1px solid #333; background: #999; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks {border: 1px solid #333; background: #999; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:link {border: 1px solid #333; background: #999; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:visited {border: 1px solid #333; background: #999; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:hover {border: 1px solid #333; background: #99ccff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:active {border: 1px solid #333; background: #99ccff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinksCurrentPage {border: 1px solid #333; background: silver; border-bottom: 1px solid silver; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinksCurrentPage:hover {border: 1px solid #333; background: silver; border-bottom: 1px solid silver; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}

a.ActionMenuLinks {border: 1px solid #333; background: #999; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinks:link {border: 1px solid #333; background: #999; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinks:visited {border: 1px solid #333; background: #999; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinks:hover {border: 1px solid #333; background: #99ccff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinks:active {border: 1px solid #333; background: #99ccff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinksCurrentPage {border: 1px solid #333; background: #fff; border-bottom: 1px solid #fff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinksCurrentPage:hover {border: 1px solid #333; background: #fff; border-bottom: 1px solid #fff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
ul li.ActionMenuLinksInactive {border: 1px dotted #333; background: #999; text-decoration: none; padding: 0px 10px 0px 10px;}

a.ArcMenuLinks {border: 1px solid #333; background: transparent; text-decoration: none; padding: 0px 10px 0px 10px;}

a.ArcMenuLinks:link {border: 1px solid #333; background: transparent; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinks:visited {border: 1px solid #333; background: transparent;  text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinks:hover {border: 1px solid #333; background: #99ccff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinks:active {border: 1px solid #333; background: #99ccff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinksCurrentPage {border: 1px solid #333; background: #99ccff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinksCurrentPage:hover {border: 1px solid #333; background: #99ccff; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinksInactive { border-bottom: 1px solid #333; border-right:  1px solid #777777; border-top: 1px solid #777777; border-left: 1px solid #777777; background: transparent; color: #777777; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinksInactive:hover { border-bottom: 1px solid #333; border-right:  1px solid #777777; border-top: 1px solid #777777; border-left: 1px solid #777777; background: transparent; color: #777777; text-decoration: none; padding: 0px 10px 0px 10px;}
#ArcMenuLinksInactive {border: 0px solid #333; text-decoration: none; padding: 0px 0px 0px 3px;}

a.actionMenuLinks {border: 1px solid #333; background:silver ; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinks:link {border: 1px solid #333; background: silver; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinks:visited {border: 1px solid #333; background: silver;  text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinks:hover {border: 1px solid #333; background: #99ccff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinks:active {border: 1px solid #333; background: #99ccff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinksCurrentPage {border: 1px solid #333; background: #99ccff; color: #3366CC; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinksCurrentPage:hover {border: 1px solid #333; background: #99ccff; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinksInactive { border-bottom: 1px solid #333; border-right:  1px solid #777777; border-top: 1px solid #777777; border-left: 1px solid #777777; background: transparent; color: #777777; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinksInactive:hover { border-bottom: 1px solid #333; border-right:  1px solid #777777; border-top: 1px solid #777777; border-left: 1px solid #777777; background: transparent; color: #777777; text-decoration: none; padding: 0px 10px 0px 10px;}
#actionnuLinksInactive {border: 0px solid #333; text-decoration: none; padding: 0px 0px 0px 3px;}

.block {padding: 7px;}
h1.block {text-align: center; background: silver;}
h2.block {text-align: center; background: silver;}
h3.block {text-align: center; background: silver;}
h4.block {text-align: center; background: silver;}
h5.block {text-align: center; background: silver;}
h6.block {text-align: center; background: silver;}

.listTitle {border-bottom: solid 2px;  padding: 5px;  background: #d9d7da url("/icons/sympa/navgradient.jpg") repeat-x top; }


.ErrorBlock {margin: 0px 7px 7px 7px; font-size: 14px; background: #ff0000; padding: 10px;  color: #fff;  }
.ErrorBlock strong {font-size: 12px; color: #fff;}
ul.listenum {list-style: none;}
ul li.listenum { padding : 5px; }

ul.menuLinks {list-style-type: none;}
ul.menuLinks li {font-size: 14px; list-style-type: none; padding:5px; list-style-image:none;}
li.menuLinks {font-size: 14px; list-style-type: none; list-style-image:none;}
a.menuLinks {padding: 0px 10px 0px 0px; text-decoration: none;}
a.menuLinks:link {text-decoration: none;}
a.menuLinks:visited {text-decoration: none;}
a.menuLinks:hover {border: 1px solid #DEE7F7; background: #99ccff; text-decoration: none;}
a.menuLinks:active {border: 1px solid #99ccff; background: #DEE7F7; text-decoration: none;}
a.menuLinksCurrentPage {border: 1px solid #DEE7F7; background: #99ccff; padding: 0px 10px 0px 0px; text-decoration: none;}
a.menuLinksCurrentPage:hover  {border: 1px solid #DEE7F7; background: #99ccff; padding: 0px 10px 0px 0px; text-decoration: none;}


strong a.menuLinks {font-size: 14px;}
strong a.menuLinksCurrentPage {font-size: 14px; border: 1px solid #DEE7F7; background: #99ccff;}
strong a.menuLinksCurrentPage:hover  {font-size: 14px; border: 1px solid #DEE7F7; background: #99ccff; text-decoration: none;}
ul a.menuLinks {padding: 0px 10px 0px 20px;}
ul a.menuLinksCurrentPage {padding: 0px 10px 0px 20px; font-weight: bold;}
ul a.menuLinksCurrentPage:hover {padding: 0px 10px 0px 20px; font-weight: bold; text-decoration: none;}


ul.calendar a {font-size: 10px;}
ul.calendar li {list-style: none; display: inline; padding: 0px 1px 0px 2px; font-size: 10px; text-decoration: none; border: 1px solid #333;}
ul li.calendarLinks {background: #ffffcc;}
ul li.calendarLinks:hover {background: #99ccff; color: #3366CC; }
ul li.calendarLinksCurrentPage {background: #99ccff;}
ul li.calendarLinksCurrentPage:hover {background: #99ccff;}
ul li.calendarLinksInactive {}


a img {border: 0px;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #3366CC; text-decoration:underline overline;}
abbr, acronym, .info {
	border-bottom: 1px dotted #3366CC;
	cursor: help;
}
h1 a:hover {text-indent: 30px; font-size: 16px; }
p a:hover {text-indent: 30px;}
p a:first-letter {font-size: 16px; font-weight: bold;}
 
p {text-indent: 0px;}

/* ISS Modifications 
h1 {text-indent: 0px; font-size: 20px;} - Stupid University CVI redefines H1 tag as an image globally! -sigh! */
h1 {text-indent: 0px; font-size: 20px; background-image:none;} 
/* End ISS Modifications */
#Title h2 {text-indent: 0px; font-size: 16px; padding-top: 5px; margin-top:0px; }
h3 {text-indent: 0px; font-size: 14px;}
/*
h4 {text-indent: 0px; font-size: 14px;}
*/
h5 {text-indent: 0px; font-size: 12px;}
h6 {text-indent: 0px; font-size: 12px;}
/* strong {text-indent: 30px; font-size: 16px; padding-bottom:10px;} */
/* strong {text-indent: 30px; font-size: 16px;} */

a.input {background: #ffffcc; border: 1px solid #333; padding: 3px; text-decoration: none;}
input {background: #ffffcc; border: 1px solid #333; padding: 0px;}
input:hover {background: #ffffcc;}
textarea {background: #ffffcc; border: 1px solid #333; padding: 3px;}
textarea:hover {background: #ffffcc;}

textarea.textbox {background: #99ccff; border: 1px solid #333; padding: 3px;}
textarea.textbox:hover {background: #99ccff;}
input.textbox {background: #99ccff; border: 1px solid #333; padding: 3px;}
input.textbox:hover {background: #99ccff;}
input.button { background:silver !important; border: 1px solid; padding: 0px  2px  0px 2px; margin:2px; border-top-color: #99ccff; border-right-color: #999;border-bottom-color: #999; border-left-color: #99ccff; }
input.button:hover {background: silver; border-top-color: #999; border-right-color: #99ccff; border-bottom-color: #99ccff; border-left-color: #999;}

}
/* ISS Modifications */
table {
	font-size :12px;
}

#globalNav em { color: #fff;}  /* Refers to ISS style sheet ids - should this go somewhere else? (probably) */
#footer em { color: #fff;}

#CreateList { border: none; padding: 5px;
}

#CreateList dl {
	border-bottom: 0px solid #fff;
}

#CreateList dt {
	border-top: 0px solid #fff;
        float: none;
        width: 450px;
}

#CreateList dd {
        margin-left: 0px;
	border-top: 0px solid #fff;
}

#CreateList textarea { 
	width: 500px;
	overflow: auto;
}

#hnav { 
	margin: 0 0 5px 0 ;
	height: 23px;
	background: #d9d7da url("/icons/sympa/navgradient.jpg") repeat-x top;
	border-bottom: 1px solid #ccced2;
	border-left: 1px solid #f5f6f7;
	border-right: 1px solid #ccced2;
}

#hmenu {
	margin: 2px 5px 0 0;
	text-align: right;
	float: right;
}

#top {
	display: inline;
	list-style-type: none;
}

#hnav {
	vertical-align: middle;
}

#hmenu {
	vertical-align: middle;
}

#hnav ul li {
	display: inline; 
}

#hnav ul li a {
	text-decoration: none;
	padding: 5px 0px 5px 30px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

#hnav ul li a:hover {
	color: #990000;
	text-decoration: underline;
}
/* End ISS Modifications */
/* EOF */
#searchURL {
	padding-left:10px;
}

#searchURL a  {
        color: blue;
        font-size:14px;
}

#searchURL b {
	color:blue;
}
#searchBody {
	padding-left:10px;
	font-size:11px;
}
#searchWho {
	padding-left:10px;
	font-size:11px;
	color:green; !important

}

/* Tables */

/* default table style */
table.table_style, table.listOfItems,table.ls_template {
border: 1px solid;
width: auto;
margin: 10px;
font-size: 1em;
}


table.listOfItems {
overflow: scroll;
border: solid 1px;
}


table.listOfItems td{
font-size: smaller;

}

table.listOfItems th {
background-color: #834047;
padding:0 2px;
border:solid 1px;
text-align: center;
white-space: nowrap;
}

table.listOfItems th.sortby {
background-color: #834047;
}

table.pending_lists {
border: 1px solid;
width: auto;
margin: 10px;
}

table.pending_lists th {
padding: 3px;
border: 1px solid;
}

table.pending_lists th.title_pending {
padding: 10px;
}

}

table.ls_template th {
padding: 3px;
border: solid 1px;
background: silver;
text-align: center;
}

/*pref.tt2 template - maybe to delete*/
table.preferences {
border: none;
border-spacing: 0.5em;
font-size: 1em;
}

table.preferences th {
font-weight: normal;
white-space: nowrap;
}

#table_container {
overflow: auto;
}


