/*####### Style Definitions for UI Website Portal Template #######*/

/* Portal Hacks */
.inplacedisplayid38323siteid0, .inplacedisplayid1siteid0 {
    font: normal 500 90% 'Arial','Helvetica',sans-serif;
	color:#000000; 
	background-color:transparent;
}
.Bodyid38323siteid0 {
    font-size:90% !important;
}
.Bodyid40340siteid0 {
    font-size:90% !important;
}
.titleorimageid40340siteid0 {
    font-size:100% !important;
}
.titleorimageid38323siteid0{
    font-size:100% !important;
}

/*End Portal Hacks */

/* BODY */
body {
	font-size:100%; 
	margin:0em 0em 0em 0em; 
	padding-left:0em; 
	padding-top:0em;
	}
/* TEXT */
.text {
    font: normal 500 80% 'Arial','Helvetica',sans-serif;
	color:#000000;
/*    background-color:transparent;*/
	}
.bold {
    font: normal 800 80% 'Arial','Helvetica',sans-serif;
/*    background-color:transparent;*/
	}
strong {
    font: normal 800 80% 'Arial','Helvetica',sans-serif;
/*    background-color:transparent;*/
	}

/*
bold_html matches the size of a 'size 2' Portal heading (e.g. custom item type 'intranet text')
in html for use in html portlets on service area homepages etc
*/
.underline {
    font: normal 500 80% 'Arial','Helvetica',sans-serif;
	background-color:transparent;
	text-decoration:underline;
    }
.italic {
    font: italic 500 80% 'Arial','Helvetica',sans-serif;
	background-color:transparent;
	}
.heading, H1 {
    font: normal 800 115% 'Verdana','Helvetica',sans-serif;
	background-color:transparent;
}

h2 {
   font: normal 700 105% 'Arial','Helvetica',sans-serif;
   background-color:transparent;
}
H3 {
    font: normal 800 95% 'Arial','Helvetica',sans-serif;
}
 H4 {
    font: normal 700 90% 'Arial','Helvetica',sans-serif;
}
p, blockquote, dl, li, .FCK__ShowTableBorders td{
    font: normal 500 100% 'Arial','Helvetica',sans-serif;
	color:#000000; 
/*    background-color:transparent;*/
	}

.FCK__ShowTableBorders td a strong {
font-size:100%;
}

.outer_links, .current_page{
    font: normal 700 80% 'Arial','Helvetica',sans-serif;
	color:#00309C !important;
/*	letter-spacing: 0.75px;*/
	background-color:transparent; 
	text-decoration:none
	}
a.outer_links:hover {
    text-decoration:underline;
    color:#00309C !important
	}
.in_page_controls {
    font: normal 500 80% 'Arial','Helvetica',sans-serif;
	color:#00309C !important;
/*	letter-spacing: 0.75px;*/
	background-color:transparent; 
	text-decoration:none
	}
a.in_page_controls:hover {
    text-decoration:underline;
    color:#00309C !important
	}

.in_page_controls_ep {
	font: normal 500 80% 'Arial','Helvetica',sans-serif;
	color:#FFFFFF !important;
/*	letter-spacing: 0.75px;*/
	background-color:transparent; 
	text-decoration:none
}
a.in_page_controls_ep:hover {
    text-decoration:underline;
    color:#FFFFFF !important
	}

img {
    border:0em;
}
.imageborderfloatright {
    margin:0.5em;
	margin-right:0em;
	float:right;
}
.imageborderfloaleft {
    margin:0.5em;
	margin-left:0em;
	float:left;
}
.imagenoborderfloatright {
    margin:0.5em;
	margin-right:0em;
	float:right;
}
.imagenoborderfloatleft {
    margin:0.5em;
	margin-left:0em;
	float:left;
}
.imageborder {
    border:0.1em;
}

/* LINKS */
a {
    font: normal 500 80% 'Arial','Helvetica',sans-serif;
	color:#0000FF; 
	text-decoration:none
	}
a:hover {
	text-decoration:underline; 
	color:#00309C;
	}
a:active {
	color:#0000FF;
	}
a:link {
	color:#0000FF;
	}
a:visited {
	color:#660066;
	}
a:visited:hover {
	text-decoration:underline; 
	color:#00309C;
	}
.backtop {
	font-size:70%;
}
/* BACKGROUND / POSITIONING */
.bgColGrey {
    background-color: #E8E8E8;
	}
.greyLine {
    background-color: #DEDBDE;
	}
.formNoPad {
	padding:0em;
	margin:0em;
}
.search-input-field{
    font: normal 500 100% 'Arial','Helvetica',sans-serif;
	margin:0em 0em 0em 0em;
	/*width:190px;*/
	background-color:#FFFFFF;
    border: 0.1em solid #000000;
	color:#000000;
}
.form-input-field {
    font: normal 500 100% 'Arial','Helvetica',sans-serif;
	margin:0em 0em 0em 0em;
	background-color:#AABCD5;
    border: 0.1em solid #6384B1;
	color:#000000;
}
.form-submit-button {
   font: normal 700 90% 'Arial','Helvetica',sans-serif;
   background-color:#A3B902;
	color:#ffffff;
	border:0.1em solid #ffffff;
	margin:0.1em;
	cursor:pointer;
}
.section-selection {
	background-color:#FFFFFF;
}

/* DESCENDANT SELECTORs */
td.text span.bold{
    font-size:100%;
}
span.text span.bold {
    font-size:80%;
}
span.text {
    font-size:100%;
}
p strong {
    font-size:100%;
}
p a {
    font-size:100%;
}
li a {
    font-size:100%;
}
li span.bold {
    font-size:100%;
}
li strong {
    font-size:100%;
}
a .bold {
    font-size:100%;
}
.appBannerBg a {
    font-size:100%;
}
.appContentBg a {
    font-size:100%;
}
.FCK__ShowTableBorders {
font-size:100%;
}
.FCK__ShowTableBorders a{
font-size:100%;
}
div.fileContainer a {
font-size:100%;
}
p strong span.heading {
font-size:160%;
}
p strong span strong {
font-size:70%;
}
/* For Applications */
.appNeutralBg .smalltext {
    font-size:90%;
}
.appNeutralBg .smalltext a {
    font-size:80%;
}
.appContentBg .appMessageText {
    font-size:100%;
}
.appNeutralBg .outer_links_small{
    font-size:90%;
}
.appNeutralBg span.text {
    font-size:90%;
}
td.text a {
    font-size:100%;
}
span.text a {
    font-size:100%;
}
/* END DESCENDANT SELECTORS */

/* APP STYLE */
.appBannerBg {
	background-color: #6384B1;
}
.appBannerHeading {
    font: normal 800 80% 'Arial','Helvetica',sans-serif;
	color:#ffffff;
}
.appBannerTxt {
    font: normal 500 80% 'Arial','Helvetica',sans-serif;
	color:#FFFFFF;
}
.appFormField {
    font: normal 500 100% 'Arial','Helvetica',sans-serif;
    background-color:#D8E0EB; 
    border:0em;
    width:100%;
	color:#000000;
}
.appContentBg {
    font: normal 500 80% 'Arial','Helvetica',sans-serif;
	margin:0em 0em 0em 0em;
	background-color:#AABCD5;
	border:0.1em solid #6384B1;
	color:#000000;
}
.appContentText {
    font: normal 500 80% 'Arial','Helvetica',sans-serif; 
	color:#000000;
}
.appNeutralBg {
	background-color: #D8E0EB;
}
.appSubmitButton {
   font: normal 700 90% 'Arial','Helvetica',sans-serif;
   background-color:#A3B902;
	color:#ffffff;
	border:0.1em solid #ffffff;
	margin:0.1em;
	cursor:pointer;
}
.appSelectionBorder {
    border:0.1em solid #6384B1;
}
.appMessageText {
    font: italic 900 100% 'Arial','Helvetica',sans-serif;
	color:#000000;
}

/*///----'twitter gritter' rss---///*/
.rss {
padding:0.5em;
border-bottom:1px solid #999;
background-image:url('http://www.hullcc.gov.uk/pls/xximages/docs/rssBG2.jpg');
background-repeat: no-repeat;
background-position: top right;
}

.RSSfeeds {
width:100%;
/*height:3.5em;*/
height:100% !important;
}

.subscribe,
.twitter,
.facebook {
text-decoration:none;
padding-left: 2em;
padding-right:2em;
padding-top:0.27em;
margin:0;
background-repeat:no-repeat;
height:1.85em;
}

.subscribe {
background-image:url('http://www.hullcc.gov.uk/pls/xximages/docs/rss_round.gif');
}

.twitter {
background-image:url('http://www.hullcc.gov.uk/pls/xximages/docs/twitter_round.gif');#
}

.facebook {
background-image:url('http://www.hullcc.gov.uk/pls/xximages/docs/FB_f.gif');
}

.subscribe a,
.twitter a,
.facebook a {
text-decoration:none;
border-bottom:1px dotted #216285;
font-weight:600;
font-size:0.8em;
}

.subscribe a:hover,
.twitter a:hover,
.facebook a:hover {
border-bottom:1px solid #660066;
color:#660066;
text-decoration:none;
}

.rss p {
margin-top:0.8em;
margin-bottom:0.8em;
}

.rss h3 {
font-size:1.3em;
margin-bottom:0.8em;
margin-left:0;
margin-right:0;
margin-top:0;
color:#216285;
}

.rss ul li a {
color:#216285;
font-weight:600;
text-decoration:none;
border-bottom:1px dotted #216285;
font-size:95%;
}

.rss ul li a:hover {
text-decoration:none;
border-bottom:1px solid #660066;
color:#660066;
}

.pubDate {
padding-top:0.2em;
}

/*///---end of rss---///*/

/* ERRORS / MESSAGES */
.appFormFieldError {
    font: normal 500 100% 'Arial','Helvetica',sans-serif;
    background-color:#FFF7B7; 
    border:#FF0000 0.1em solid;
    width:100%;
	color:#000000;
}
DIV.error_display{
    font: normal 600 90% 'Arial','Helvetica',sans-serif;
    background-color:#FFF7B7; 
    border:#FF0000 0.1em solid;
	margin:0.1em 0em 0.1em 0em;
	padding:0.4em;
    width:100%;
	color:#000000;
}
DIV.message_display{
    font: normal 600 90% 'Arial','Helvetica',sans-serif;
    background-color:#E9FEC2; 
    border:#A3B902 0.1em solid;
	margin:0.1em 0em 0.1em 0em;
    padding:0.4em;
	width:100%;
	color:#000000;
}
.error_display UL{
margin:0em 0em 0em 0.2em;
}
.message_display UL{
margin:0em 0em 0em 0.2em;
}
.error_text {
    font: normal 500 100% 'Arial','Helvetica',sans-serif;
	color:#FF0000;
	}
/* END ERRORS */

/* CUSTOM ITEM TYPE STYLE */
/* FILE STORAGE INFO */
.fileContainer {
    background-color: #E8E8E8;
 /* position: relative;
	float: left; */
	clear: both;
	width: 96%;
	font-size: 85% !important;
	padding: 0.5em 1em 0.5em 1em;
	margin-bottom: 0.2em;
}
.fileContainer img {
    padding-right: 0.1em;
}
.fileContainerBold {
    background-color: #E8E8E8;
    position: relative;
	float: left;
	clear: both;
	font: normal 800 80% 'Arial','Helvetica',sans-serif;
	padding: 0.5em 1em 0.5em 1em;
}

/* Events and News Portlet Style (devolved from external style sheet) */

.appBlueTextDark {
    font: normal 800 90% 'Arial','Helvetica',sans-serif;
	color: #44607d;
}
.outer_links_small {
    font: normal 500 90% 'Arial','Helvetica',sans-serif;
	/*letter-spacing: 0.05em;*/
	background-color: transparent;
	text-decoration: none;
	color: #00309c;
}
.smalltext_green {
    font: normal 500 80% 'Arial','Helvetica',sans-serif;
	color: #006633;
}
.smalltext {
    font: normal 500 90% 'Arial','Helvetica',sans-serif;
    color: #000000;
}

/*///---video player---///*/
.vidPlayer {
background-color:#999999;
padding:0.2em; 
display:inline-block; 
margin-bottom:1em;
}
/*///---///*/
