/* --------------------------------------------------------------------------------------------------------------------------------
     -------------  Information Systems Management and Governance  -------  Regular 3 coloumn  -------------
     --------------------------------------------------------------------------------------------------------------------------------
	 From this point on all skins should be annotated at the top to help describe them thus making 
	 skin selction quicker and easier.
	 
	 
	 ------------------------------------------------------------------
	 | images                                               | Logo                |
	 | 					         | search            |
	 ------------------------------------------------------------------
	 | nav     |  content         |                       | right              |
	 |            |  panel             |                       | panel             |
	 |            |                        |                       |                       |
	 ------------------------------------------------------------------
	 
*/


/* GENERIC */
body{
font-family: Arial, Tahoma, sans-serif;
font-size: 0.75em;
background-color:#E5E5E5;
}

img {
	border:0;
}

h1  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #dc2314;
	font-weight: normal;
	font-size: x-large;
}

h2, .Head  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #dc2314;
	font-weight: normal;
	font-size: large;
}

.rightPane h2,.rightPane .Head  {
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0px 0px 3px;
}
.rightPane p, .rightPane .SubHead
{
    font-size:90%;
    font-weight:bold;
}


h3, .SubHead  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #dc2314;
	font-weight: normal;
}

h4  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #dc2314;
}

h5  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #dc2314;
	font-weight: normal;
}

h6  {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #dc2314;
	font-weight: normal;
}

tfoot, thead    {
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
    font-size:  100%; /*12px;*/
    color: #303030;
}

th  {
    vertical-align: baseline;
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
    font-size:  100%; /*12px;*/
    font-weight:    bold;
    color: #303030;
}


SMALL, .smalltext   {
    font-size: x-small; /*8px;*/
}

BIG {
    font-size:  105%; /*14px;*/
}

BLOCKQUOTE, pre {
    font-family:    "Lucida Console", monospace;
}

td table tr td{
}

.Normal, p 
{
    font-size: small;
}

ul li   {
	/*list-style-image: url(Images/bullet_dark.gif);*/
	list-style-type: square;
	line-height: 1.2; /*needed because line height of p etc. */
	font-size:1em;
}

ul li li, ul li ul li , ul ul li   {
	/*list-style-image: url(Images/bullet.gif);*/
	list-style-type: disc;
	font-size:100%;
}

/*UL LI LI LI, UL LI UL LI UL LI {list-style-type: square; font-size:100%;} */

ol li{
    list-style-type:    decimal;
}

ol ol li    {
    list-style-type:    lower-alpha;
	font-size:100%;
}

ol ol ol li {
    list-style-type:    lower-roman;
	font-size:100%;
}

hr {
    color: dimgrey;
    height:1pt;
    text-align:left
}

a:link {
	text-decoration: underline;	
	color: #4F027C;
}
a:visited {
	color: #4F027C;
	text-decoration: underline;
}
a:hover {
	color: #4F027C;
	text-decoration:underline;
}
a:active {
	color: #4F027C;
	text-decoration:underline;
}



/* --- Overwrite default css end --- */



/* ==================================================== */
/* Misc styles??
/* ==================================================== */


.Spacer{
	clear:both;
	font-size:0px;
}

.textonlylinks {
	font-size:0px;
	visibility:hidden;
	display:none;
}

/* Makes .Head in title smaller */
.h3title .Head {
	font-size:16px;
}

.SubHead, h3 {
	font-size:16px;
}

/* ==================================================== */
/* Skin specific styles */
/* ==================================================== */


#leftnav p { 
	margin: 0 0 1em 0; 
	font-size: 0.9em;
	line-height: 1.2;
}

#footer p{
	font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
	color: #4f027c;
	font-weight: normal;
	font-size: 0.8em;
}

.ShowAbstractDiv {
	margin:5px;
	padding:5px;
	text-align:left;
	border:1px solid #999999;
}

/* ==================================================== */
/* Structural layout */
/* ==================================================== */

#container
{
width: 910px; 
margin: 5px auto;
color: #333;
border-left: 1px solid #727272;
line-height: 1.4;
/* fix max min in ie using width of whole window => x+200+10*/
/*max-width: 1020px;*/
/*min-width: 620px;*/

/* ie uses width of window to set width of this element*/
/*width:expression(document.body.clientWidth < 650? "640px" : document.body.clientWidth > 1000? "1000px" : "auto"); */
/* --- have reverted to a fixed width to retain document validity -- */
/*width:expression("640px"); min*/
/*width:expression("1000px"); max*/
/*background-color:#ebe9c2;*/
background-image: url(images/conbackright.gif);
background-repeat: repeat-y;
background-position: top right;
background-color:#ffffff;
overflow:visible;
}

#top {
	position:inherit;
	clear:both;
	margin-right:12px;
	border-top:1px solid #727272;
}
#contop {
	position:inherit;
	clear:both;
	margin-right:0px;

background-image: url(images/conbackrighttop.gif);
background-repeat: no-repeat;
background-position: top right;
}

#top #banner {
 float:none;
}
#top #login{
float:right;
margin-right:10px;
}
#top #login  .SkinObject{
color:#fff;
}
#top #login  a.SkinObject:link{
color:#fff;
}
#top #login  a.SkinObject:hover{
text-decoration:underline;
}


#top h1{
margin-right:25px;
position:inherit;
float:right;
display:block;
width:390px;
text-align:right;
/*height:104px;*/
/*background-image:url(assets/ETPlogoSmall.jpg);
background-position:top center;
background-repeat:no-repeat;*/
margin-top:10px;

}

#top h1 .replace{
/*display:none;*/
}

#top #search{
position:inherit;
margin-top:10px;
float: right;
padding: 5px 5px 5px 5px;
vertical-align:middle;
font-family: Arial, Tahoma, sans-serif;
font-weight: bold;
}

#top #images {
position:inherit;
float:left;
width:100%;
height:143px;
background-color:#CCCCCC;
}

.ContentTitle{
color:#D29D1E;
float:left;
}

.ContentActions{
color:#D29D1E;
font-weight:bold;
font-size:medium;
float:left;
}

.cpane{
font-family: Arial, Helvetica, sans-serif; 
clear:both;
position:inherit;
color:#000000;
font-weight:normal;
font-size:small;
}



#leftnav {
	float: left;
	width: 135px;
	margin: 0;
	/*overflow: hidden;*/
	margin: 0px 0px 0px 0px;
	background:#6699CC;
	/*border-bottom:1px solid #727272;*/
}

#bannerpane{

}
#contentWide
{
    float:left;
	position:inherit;
	background-color: #fff;
	/*border-left: 1px solid #4f027c;*/
	/*padding: 1em;*/
	/* ie uses width of window to set width of this element*/
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	width:730px;
	/*max-width: 800px;*/
	/*min-width: 400px;*/
	color: #000000;
}

#contentWideBasic
{
    float:left;
	position:inherit;
	background-color: #fff;
	/*border-left: 1px solid #4f027c;*/
	/*padding: 1em;*/
	/* ie uses width of window to set width of this element*/
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	width:800px;
	/*max-width: 800px;*/
	/*min-width: 400px;*/
	color: #000000;
}

.content {
	float:left;
	position:inherit;
	background-color: #fff;
	/*border-left: 1px solid #4f027c;*/
	/*padding: 1em;*/
	/* ie uses width of window to set width of this element*/
	margin: 15px auto;
	padding: 0px 0px 0px 0px;
	width:500px;
	/*max-width: 800px;*/
	/*min-width: 400px;*/
	color: #000000;
}

.thincontent .l
{
    margin-left:15px;
}

.thinContent {
	float:left;
	position:inherit;
	background-color: #fff;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:250px;
	/*max-width: 800px;*/
	/*min-width: 400px;*/
	color: #000000;
}

.rightPane {
	width:140px;
	background-color:#5E7332;
	color:#ffffff;
	font-weight:bold;
	margin-top:5px;
}
#ContentPane {
	padding: 0 0 0 20px;
	margin: 0;
}

#rightPanel {
	position:inherit;
	float: left;
	width: 150px;
	/*background-color:#D29D1E;*/
	/*background-color:#D29D1E;*/
	margin: 0px 15px 0px 0px;
	/*height:100%;*/
	vertical-align:top;
	
	
}

.searchTextBox {


}

.image {
vertical-align:top;
padding-top:0px;
}

#footer {
	clear: both;
	margin: 0;
	padding: .0;
	width:100%;
	background-color:transparent;
	background-image:url(images/bottomwide.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	text-align:center;
	overflow:visible;
	margin-left:-1px
}
#footer .leftimage{
float:left;
padding:0;
margin:0;
margin-left:-1px;
}
#footer .rightimage{
float:right;
padding:0;
margin:0;
}
#footer p
{
    text-indent:-80px;
}
#footer .horizontalItemSimple{
position:inherit;
color:#000000;
width:auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer .horizontalSelSimple{
position:inherit;
color:#D29D1E;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer .horizontalMenuSimple{
position:inherit;
color:#000000;
font-size:x-small;
background-color:#cccccc;
display:inline;

}
#footer .horizontalSep{
background-color:#cccccc;
border:0px;
}

/* programme details layout */
.timeslot {
background-color:#a7cfe8;
height:40px;
}

.showpapers {
float:right;
}

.slots {
background-color:#c9e2f1;
}

.slotpapers {
background-color:#ffffff;
}

#divider {
clear:both;
background-color:#000000;
margin-bottom:10px;
}

.papersbutton {
	background-color:#ffffff;
	border:solid 1px #999999;
	font-size:large;
	padding:4px;
}

.showpapers a:link {
	text-decoration: none;	
	color: #4F027C;
}

.showpapers a:visited {
	color: #4F027C;
	text-decoration: none;
}

.showpapers a:hover {
	color: #4F027C;
	text-decoration:underline;
}

.showpapers a:active {
	color: #4F027C;
	text-decoration:none;
}

.ewdsButton a{
background-image: url('/Portals/_default/Skins/UoSBlue/Images/buttonShadow.jpg');
background-repeat: repeat-x;
background-position: left bottom;
border: #666666 1px solid;
background-color: #f0f0f0;
margin: 4px;
padding: 4px;
text-decoration: none;
margin-top:6px;
margin-bottom:6px;
color:#000000;
}

.ewdsButton a:hover{
background-image: url('/Portals/_default/Skins/UoSBlue/Images/buttonShadowHover.jpg');
border: #336699 1px solid;
background-color: #e4f4fc;
}

.slot-table {
width:100%;
margin-bottom:20px;
table-layout:fixed;
}

.slot-header td {
	background-color:#a7cfe8;
	padding:8px;
	font-weight:bold;
}

.slot-table td {
}

.slot-title {
width:40%;
background-color:#e0e0e0;
vertical-align:top;
}

.slot-title-list {
margin:0px;
padding:0px;
}

.slot-title-list li {
list-style-type:none;
border-bottom:solid 3px white;
padding:4px;
padding-top:8px;
padding-bottom:8px;
}

.slot-title-list li a {
	text-decoration:none;
	color:black;
}

.slot-title-list li a:hover {
	color:#59a7d5;
}

.slot-abstracts {
padding:10px;
background-color:#f0f0f0;
vertical-align:top;
}

.choose-slot {
	font-weight:bold;
	text-align:center;
}

.slot-info {
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:solid 1px black;
}

#divider {
clear:both;
background-color:#000000;
margin-bottom:10px;
}

.slot-title-list .selected {
	background-color:#666666;
	border-left:solid 5px #a7cfe8;
}

.slot-title-list .selected a {
color:#ffffff;
	font-weight:bold;
}