body {
margin:0;
padding:0;
font-family:Arial,Helvetica,Verdana, Geneva, sans-serif;
font-size : 64.5%;
height:100%;
}

html, body{height:100%;}
.lineBr{clear: both; line-height:0px; font-size:0px;}
img{border:none;}

/* Zero everything */
body, form, div, p, ul, a, h1, h2, h3, h4, h5, h6, h7, blockquote, dl, dt, dd
{
	margin: 0;
	padding: 0;
}

/* General style elements */

.hide{display: none;}

h1, h2, h3, h4, h5, h6{font-weight: normal;}


/* EDITED: Added styles requested by UCIDA */

p
{
    margin-bottom:15px; /* adds requested line break space between paragraphs */
}

h1
{
   /* font-size: 250%;
    line-height:130%;
    color: #082e75; */
      background-color: #4C7DAA; 
    font-size:160%;
    color: White; 
    padding:5px 5px 5px 5px;
}

h2
{
    font-size: 210%;
    line-height:110%;
    color: #082e75;
}

h3
{
    font-size: 205%;
    line-height:105%;
    color: #082e75;   
}

h4
{
    font-size: 150%;
    line-height:100%;
    color: #082e75;
}

h5
{
    font-size: 130%;
    line-height:100%;    
    color: #082e75;
}

h6
{
    font-size: 120%;
    margin: 0.5em 0;
    /*line-height:100%;*/
    color: #082e75;
}


/* END EDITED: Added styles requested by UCIDA */

#logo{
	background : #082E75;
	width:18%;
}
td{vertical-align : top;}
th{vertical-align : top;}

#searchdiv{
background : #082E75;
color:#FFF;
height:32px;
padding-right:3%;
padding-top:15px;
font-size:120%;
}

#logindiv
{
margin: 8px 3% 0px 0px; 
color:#33B1E3;
font-size:120%;
}

#logindiv a:hover
{
text-decoration : underline;
}
 
#login, #reset, #basket{
	color:#FFF;
text-decoration : none;
padding-right:10px;
}

.left-navigation
{
	width:10%;
}

.blueLine{
height:5px;
background : #189CD8;
}

.blueLineThin{
height:1px;
background : #189CD8;
line-height : 1px;
display:block;
float:left;
width:100%;
margin:5px 0px 5px 0px;
}


#leftNav{
display:block;
width:141px;
float:left;
}

#leftNav ul li{
list-style : none;
display:block;
}



#leftNav ul a
{
	font-size: 120%;
	font-weight: bold;
	display: block;
	text-decoration: none;
	width: 119px; 
	height:22px;
	padding: 9px 0px 0px 22px;
	overflow: visible;
}


.navOn{
	background : #189cd8;
}

.navOn a
{
	color: #FFF;
	background: url(../images/whiteBtn.gif) no-repeat;
}

.navOnSub a{
background : url(../images/blueBtnDown.gif) no-repeat;
color:#4C7DAA;

}


.navOff{
	background : url(../images/navline.gif) no-repeat 0% 0%;
	float:left;
}

.navOnSub{
	background : url(../images/navline.gif) no-repeat 0px 1px;
	float:left;
}




.navOff a{
background : #FFF;
color:#4C7DAA;
background : url(../images/blueBtn.gif) no-repeat;
}

.navOff a:hover{
background : url(../images/whiteBtn.gif) no-repeat #189CD8;
color:#FFF;

}



#subNav li{
list-style : none;
/* EDITED: Commented out display and added 3 styles for different browsers to reslove menu issue
display : block; 
*/
display: inline;/*setting for FF and other standards compliant browsers*/
/*display: block /*setting for IE7*/
/* END EDITED */
float: left;
}

#leftNav #subNav{

display: inline;/*setting for FF and other standards compliant browsers*/
/*display: block */ 
float: left;
background : url(../images/subbg.gif);
}



#leftNav #subNav a
{
font-size:100%;
font-weight:bold;
display : block;
text-decoration : none;
width:126px;
padding:8px 0px 4px 15px;
}

#leftNavIcon
{
	clear: none;
}
#leftNavText
{
	clear: none;
}

.subOn a{
	color:#5986AF;
	background : url(../images/subonbg.gif) no-repeat;
}

#subCorp a{
	background : url(../images/corpbg.gif) no-repeat;
}

#subNet a{
	background : url(../images/netbg.gif) no-repeat;
}

#subStaff a{
	background : url(../images/staffbg.gif) no-repeat;
}

#subTeach a{
	background : url(../images/teachbg.gif) no-repeat;
}

#subProc a{
	background : url(../images/procbg.gif) no-repeat;
}


.subOff a{
	color:#5986AF;
	background : url(../images/subbg.gif);
}

.subOff a:hover{
background : url(../images/subonbg.gif) no-repeat;
color:#5986AF;
}


/*
#sitemenu #navlist a:hover
	{
		text-decoration: underline;	
	}
	
	#sitemenu #navlist a:hover
	{
		text-decoration: none;	
	}
*/


#navlist a, #navlist a:link, #navlist a:visited
{
	text-decoration: none;
	color:#0F5697;
	background-color: White;	
	font-weight:bold;
	display : block;
	
}

#navlist
{
	margin: 9px 0 14px 9px;
	padding-left: 0px;
	list-style: none;
}

#navlist li {
	margin: 2px 0;
	padding-left: 13px;
	background-repeat: no-repeat;
	background-position: 0 .5em;
	list-style: none;
}

#navlist li.top {
	list-style: none;
	font-size:120%;
}

#navlist li.leaf {
	list-style: none;
}

#breadcrumb
{
  
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:110%;
font-weight:bold;
color:#0F5697;
height:auto;
width:100%;

}

#maincontent #breadcrumb ul
{
    margin-left: 0;
}

#breadcrumb li
{
	display:inline;
}

#breadcrumb a
{
	text-decoration:none;
}


#maincontent{
vertical-align : top;
padding-left:15px;
padding-top:5px;
/* EDITED: Added Font-Size */
font-size: 105%;
/* EDITED: Added line height to body */
line-height:165%;
}

/* EDITED: Added UL and LI definition to fix bullet list issue */

#maincontent ul
{
    margin-bottom:15px; 
    margin-left:20px;
}

#maincontent ul li
{
    list-style: disc none outside;
    color:Black;
}
/* END EDITED: Added UL and LI definition to fix bullet list issue */

#introTable{
min-width: 575px;
height:119px;
}


#homeTop{
/*EDITED: Changed from 110% to 150% */
font-size:150%;
font-weight:bold; 
color:#FFF;
background : #33b1e3;
/* EDITED: Removed
width:383px;
*/
height:30px;
padding-top:5px;
padding-left:6px;
}

.introInner{
width:97%;
background : url(../images/hometopbg.gif) repeat-x;
vertical-align : top;
font-size:110%;
/* EDITED: Added background colour */
background : #E5ECF3;
}

.introInner p{
margin-left:5px;
margin-right:30px;
margin-top:10px;
margin-bottom:0px;
/* EDITED: Removed line height
line-height :13px; */
text-align : left;
height:7em;
background : #E5ECF3;
}

.blueLink, .blueLinknull{
	background : url(../images/darkBlueBtn.gif) no-repeat;
color:#0F5697;
padding-left:15px;
font-weight:bold;
display : block;
}

.blueLink:hover,.blueLinknull:hover{
	color:#038ECC;
}

.blueLinknull{
background : none;
padding-left:0px;
}

#footer{
padding:5px 0px 0px 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
color:#0F5697;
}

#footer a{
	color:#0F5697;
	text-decoration : none;
}

#footer a:hover{
	color:#0F5697;
}


#copySpan{
display:inline;
float:right;
font-weight:bold;
margin-right:25px;
margin-top:-10px;
}

.dotted{
background : url(../images/dot.gif) repeat-x;
display:block;
height:24px;
font-size:140%;
color:#082E75;
vertical-align : text-top;
text-align : left;
padding-top:3px;
}

.homeCallouts{
background : url(../images/whitedot.gif) no-repeat #33B1E3;
display:block;
height:44px;
font-size:150%;
color:#FFF;
vertical-align : text-top;
text-align : left;
padding-top:3px;
}


.homeCallouts span{
display : block;
padding-left:17px;
padding-top:3px;
}

#ucisahdr{
	background : url(../images/whitedot.gif) no-repeat #4C7DAA;
}


#homeFocus{
	background : url(../images/whitedot.gif) no-repeat #4C7DAA;
	height:25px;
}

.colPara{
	font-size:110%;
padding-bottom:5px;
line-height:17px;
}


.colLink{

color:#0F5697;
font-weight:bold;
}

.colLink:hover{
color:#038ECC;
}



.colParaBtm{
font-size:110%;
/*
    Changed to reduce right padding
padding:5px 30px 0px 10px; */
padding:5px 10px 0px 10px;
}


#leftCol{
	/* Removed background image so image in bottom right of hot-topics isn't visible

background : url(../images/leftcolbg.jpg) no-repeat 100% 100% #E5ECF3; */
	background-color: #E5ECF3;
height:9.6em;
}


#midCol{
	background : url(../images/midcolbg.jpg) no-repeat 100% 100% #E5ECF3;
height:9.6em;
}

.colParaBtmRight
{
	font-size:110%;
padding:5px 20px 0px 10px;
/* EDITED: Removed line height 
line-height:14px; */
}


.blueText{
	color:#0F5697;
}

#pword{
	height:13px;
}



#searchBtn{
border:none;
vertical-align :bottom;
}

#infraTable{
	font-size:110%;
}

#infraTable .thLeft{
font-size:120%;
background: url(../images/wsquare.gif) no-repeat #00b193;
color:#FFF;
padding:5px;
padding-left:15px;
}



#rightTable{
	background : #e0f6f2;
	font-size:120%;
}

#rightTable .thRight{
	font-size:120%;
	color:#FFF;
	background: url(../images/wsquare.gif) no-repeat #02caa8;
display:block;
width:182px;
padding:5px;
padding-left:15px;
}

#rightTable .tdRight{
display:block;
width:182px;
padding:5px;
padding-left:10px;
}



#rightTable #rightTopList, #rightTable #rightMidList, #rightBottomList{
list-style : none;
padding-bottom:10px;
}
#rightTable li{
	padding-bottom:10px;

}

#infralist li{
	color:#082e75;
	list-style : square;
	font-size:110%;
	margin-left:15px;
	margin-bottom:5px;
}





/***********************************************************
    Additional Styles

    - These have added to format and style sub-page content

************************************************************/

.info-table
{
    border:solid 1px #4C7DAA; 
    font-size:12px;
}

.info-table-headings
{
    background-color:#4C7DAA; 
    color:white; 
    font-weight:Bold; 
    padding:4px 0px 4px 0px
}

.info-table-row1
{
    background-color: #E5ECF3;
}

.info-table-row1 td
{
    padding:10px 0px 10px 0px;
}

.info-table-row2 td
{
    padding:10px 0px 10px 0px;
}


/* News and Events landing page styles */

.landing-list-container
{
   width:90%; 
}

.landing-listitem-container
{
    margin: 0 0 0 0;
 padding:10px 0 10px 0;
}

.landing-listitem-title
{
    padding-bottom:3px;
}

.landing-listitem-content
{
    padding: 8px 10px 0 15px;
}

.landing-listitem-groupicon
{
    float:left; 
    position:relative; 
    width:15px;
}

/* MAIN CONTENT STYLES */

.general-lefthand-area
{
    float:left; 
    width:70%;
    
}

.general-lefthand-area-fullsize
{
    float:left; 
    width:97%;
    
}

.general-password-container
{
    position:relative;
    width:300px;
    padding:20px 35px 10px 0px;
    float:left;
}

.general-featurebox
{
    float:right;
	margin-right: 20px;
    width:24%;
    background-color: #E5ECF3;
}

/* Added for new Expandable menu */

.general-featurebox-nav-tree-link {
    display:inline;
}

.general-featurebox-nav-tree-link>a, .general-featurebox-nav-tree-link>a:visited {
    text-decoration: none;
    color: inherit;
}

.general-featurebox-nav-tree-link>a:hover {
    text-decoration: underline;
 }

.general-featurebox-nav-tree-link.general-featurebox-nav-tree-has-subitems {
 	background : url(../images/blueBtn.gif) no-repeat;    
    background-position: -10px 0px;    
}

.general-featurebox-nav-tree-link.general-featurebox-nav-tree-expanded {
 	background : url(../images/blueBtnDown.gif) no-repeat;        
    background-position: -10px 0px;    
}

.general-featurebox-nav-tree-link.general-featurebox-nav-tree-expanded:hover {
    background : url(../images/blueBtnDown.gif) no-repeat #189CD8;    
    background-position: -10px 0px;    
}

.general-featurebox-nav-tree-link
{
    border-top : #4c7daa;
    padding-left:15px;
    font-weight:bold;
    display:block;
    font-size: 14px;
    padding: 9px 0 9px 10px;
    text-decoration: none;
    color: #4c7daa;
}

.general-featurebox-nav-tree-link.general-featurebox-nav-tree-has-subitems:hover {
    color:#FFF;
    background:#189CD8;
    cursor: pointer;
}
.general-featurebox-nav-tree-link.general-featurebox-nav-tree-has-subitems:hover {
    background : url(../images/whiteBtn.gif) no-repeat #189CD8;    
    background-position: -10px 0px;    
}

.general-featurebox-nav-tree-item-subitems {
    left:5%;
    margin-right:5%;
    position:relative;
}

/* End added for new expandable menu*/


.general-lefthand-area, .general-lefthand-area-fullsize, .general-featurebox
{
    font-size: 110%; /* This style definition sets the font size for sub pages and feature boxes */
}

.general-bookingForm-divider
{
    padding-top:10px;
    padding-bottom:10px;
}

.general-bookingForm-divider .heading
{
    font-size:14px;
    background-color:Transparent;
    color:Black;
    font-weight:bold;
    margin-bottom:10px;
    border-bottom: solid 3px #189CD8;
    width:100%;
    display:block;
}

.general-bookingForm-divider p
{
    padding-bottom:10px;
}

.general-featurebox-spacer
{
    float:left; 
    width:3%;
}

.general-featurebox-content
{
    padding:15px 5px 5px 15px;
}

.general-featurebox td
{
    min-width: 4.5em;
}

.general-featurebox-bottomspacer
{
    height:25px; 
    background-color:white;
}

/*
.general-page-title
{
    background-color: #4C7DAA; 
    font-size:160%;
    color: White; 
    padding:5px 5px 5px 5px;
}
*/

.general-featureBox-title
{
    background-color: #33b1e3;
    font-size:160%; 
    color: White; 
    padding:5px 5px 5px 5px;
}


/* LAYOUT SEARCH STYLES */

div.result-info
{
	/*padding: 40px 60px 5px;*/
	font-size: 12px;
	
}
div.result-info p
{
	margin-bottom: 0 !important;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.results-display
{
	/*padding: 40px 60px 5px;*/
	font-size: 12px;
}
ol.results 
{
	list-style: none;
	/*margin: 20px 200px 10px 60px;*/
}
ol.results li {
	margin: 0 0 20px;
}

ol.results li a {
	font-size: 1.1em;
	font-weight: bold;
	/*margin: 3px 3px 3px 0;
	padding: 0 2px 0 18px;*/
	color: #1f1d89;
	background: url(/images/link_arrow_box_search.gif) no-repeat;
	line-height: 1.5em;
}
ol.results li a:hover {
	color: #fff;
	background-color: #1f1d89;
	text-decoration: none;
} 

ol.results li p {
	margin: 5px 0 !important;
}
ol.results li p.result-url {
	color: #999;
}

div.results-paging
{
font-size: 12px;
}

div.result-pagenos
{
	float: right;
	margin-right: 10%;
}

div.pagination {
	/*padding: 20px 0 40px 60px;*/
	overflow: hidden;
	height: 1%;
	float: right;
	margin-right: 10%;
}
div.pagination_next 
{
	margin-left: 5%;
}
div.pagination_prev
{
	
	float: left;
}


/* used on BookingComplete Page */
dt
{
	font-weight:bold;
	
}
dd
{
	margin-left:20px;
}

.H4TitlePad
{
	margin-top:20px;
}

.popup 
{
	POSITION: absolute; 
	VISIBILITY: hidden; 
	BACKGROUND-COLOR: white; 	
	width: 200px; 
	BORDER-LEFT: 1px solid black; 
	BORDER-TOP: 1px solid black; 
	BORDER-BOTTOM: 3px solid black; 
	BORDER-RIGHT: 3px solid black; 
	PADDING: 3px; 
	z-index: 10 
}

/* SITEMAP */


#sitemenu 
{
	
	
	
}
#sitemenu .leaf
{
	margin-left:0px;
	margin-top:-4px;
}

#sitemenu #navlist a:hover
	{
		text-decoration: underline;	
		color:#038ECC;
	}
	
#sitemenu #navlist a, #sitemenu #navlist a:link, #sitemenu #navlist a:visited
{
	display:inline;
	
	
}
#sitemenu li
{
	background-image: url(/ucisa_theme/images/sitemap.gif);
	
}

/* Administration */
/* Display changed fields*/
.administration-changed-field-column-container
{
	float:left;
	width:25%;
}

.administration-changed-field-header-container
{
	float:left;
	width:25%;
	font-weight:bold;
}

.administration-changed-fields-container
{
	float:none;
	width:800px;
}

.administration-changed-entity-container
{
    font-size:14px;
    font-weight:bold;
    padding:5px 0px 3px 0px;
  /*margin-bottom:8px;
    width:95%;
   border-bottom: solid 2px #189CD8;*/
}


/* Members Directory */

.members-directory-heading-title
{
    font-size:14px;
    font-weight:bold;
    padding-bottom:8px;
}

.members-directory-heading-container
{
    width:95%;
    padding:15px 0px 18px 0px;
    border-top: solid 2px #189CD8;
}

.members-directory-column
{
    width:220px;
    padding-right:20px;
}

/* Organisation page */

.organisation-details-title
{
    font-weight:bold;
    padding-right:20px;
}

.organisation-details-area
{
}

.organisation-description {
    max-width: 500px;
}

.organisation-details-description {
    font-weight: bold;
}

.organisation-contact-container
{
    padding:4px 0px 4px 0px;
}

.organisation-contact-title
{
    font-size:14px;
    font-weight:bold;
    padding:10px 0px 6px 0px;
    margin-bottom:8px;
    width:95%;
    border-bottom: solid 2px #189CD8;
}


/* 
    REGISTRATION PAGE STYLES
*/

.registration-container
{
    position:relative;
}

.registration-error-container
{
    background-color:Aqua;
    border-color:Blue;
    border-width:1px;
    border-style:Solid;
    padding:10px 10px 10px 10px;
    margin-bottom:20px;
}

.registration-highlight-container
{
    background-color:Aqua;
    border-color:Blue;
    border-width:1px;
    border-style:Solid;
    padding:10px 10px 10px 10px;
    margin-bottom:20px;
}

.registration-error-container h1
{
    font-size:14px;
    font-weight:bold;
    background-color:Transparent;
    color:Black;
}

.registration-progress-container
{
    position:absolute;
    display:block;
    width:auto;
    border-bottom: solid 3px #189cd8;
    margin-bottom:10px;
}

.registration-progress-stage, .registration-progress-stage-complete
{
    position:relative;
    float:left;
    text-align:center;
    font-size: 14px;
    color: Black;
    font-weight: bold;
    padding-bottom:5px;
    padding-left:10px;
}

.registration-progress-stage-complete
{
    border-bottom: solid 5px #4C7DAA;
}
input.xsmall, select.xsmall, textarea.xsmall
{
	width:40px;
}
input.small, select.small, textarea.small
{
	width:100px;
}
input.medium, select.medium, textarea.medium
{
	width:300px;
}
input.large, select.large, textarea.large
{
	width:500px;
}
textarea
{
	vertical-align:top;
}

textarea
{
	vertical-align:top;
}
.FloatLeft
{
	float:left;	
}
.FloatRight
{
	float:right;	
}
.TextRight
{
	text-align:right;
}
.TextCentre
{
	text-align:center;
}
.productOrderTable th
{
	text-align:left;
}
.productOrderTable td
{
	padding-right:20px;	
}
.productOrderTable input
{
	width:50px;
}
/* 
	BOOKING PROCESS 
*/

.basketWarning
{
	background : #E5ECF3;
	padding:3px;
	border:solid thin #4c7daa;
	margin-bottom:10px;

}
.basketWarning p{

	padding-bottom:0px;
}
.BasketItem
{
	width:100%;
	clear:right;
}
.BasketItem div
{
	width:33%;
}
.BasketTable 
{	
	width: 100%;	
}

.publications-landing-table
{
}

.publications-landing-table td
{
    text-align:left;
    vertical-align:top;
}

.publications-landing-table-data
{
    width:130px;
}

.publications-landing-table-fieldname
{
    padding-left:20px;
}
.BookingRBL
{
	margin-top:-4px;
	
}
table.bookingTable tr.alreadyBooked
{
    color: #999999;
}
table.bookingTable td
{
	padding-left:20px;
}
tr.spaceAfter td
{
	padding-bottom:10px;
}
.blueHighlight
{
	color:#082E75
}

div.bookingLink {
    float: right;
    margin: 0 0 15px 0;
}
div.bookingLink a {
    color: #0F5697;
    font-weight: bold;
    padding: 10px 15px 10px 25px;
    background: url("../images/darkBlueBtn.gif") no-repeat scroll 10px 10px #E5ECF3;
}
input.registrationButton {
    display: block;
    min-width: 6em;
    margin: 10px 0 20px auto;
}
div.registrationButtonGroup {
    padding: 10px 0;
}
div.registrationButtonGroup input {
    display: block;
    min-width: 10em;
    margin: 10px 0 10px auto;
}
div.registrationButtonHorizontalGroup {
    padding: 10px 0 50px;
}
div.registrationButtonHorizontalGroup input {
    display: inline;
    margin: 10px 0;
}
div.registrationButtonHorizontalGroup input.registrationButtonLeft {
    float: left;
}
div.registrationButtonHorizontalGroup input.registrationButtonRight {
    float: right;
}

.general-lefthand-area .eventMediaStreamLinks ul
{
    font-size: 2em;
    line-height: 2em;
}


.general-lefthand-area .secureEventStream .mediaEmbed {
    margin: 20px 0;
    width: 100%;
    overflow: auto;
}

.general-lefthand-area .secureEventStream .description {
    
    
}