/************************
 *** GENERIC
 ************************/
 
body {
 background: #B90815 url('/portal/rest/jcr/repository/collaboration/sites%20content/live/juley/medias/images/Juley/background.gif') repeat-x left top;
  font-family: "Helvetica Neue Bold",Helvetica,Arial,Sans-serif;
}

#UIPortalApplication {
 margin: auto;
 width: 1024px;
}

#UIPortal-UIPortal {
 background: #fff;
 margin:0 auto;
 width:980px;
}

.UIContainer {
 padding: 0px;
}

.WebContentInformation {
 padding-bottom: 0px;
}

.UIOptionBar {
 border: 1px solid #b7b7b7;
 border-bottom: none;
 margin: 0px 5px;
 background: #59a3cc;
 height: 21px; line-height: 21px;
 overflow: hidden;
}

.UIOptionBar .ActionIcon {
 float: left;
 margin: 0px 5px;
 height: 21px;
 color: white;
 cursor: pointer;
 display: block;
}

.UIOptionBar .ActionIcon:hover {
 color: black;
}

.UIOptionBar .PrintIcon {
 background: url('/presentation/skin/SingleContentViewer/DefaultSkin/icons/16x16/ActionIcon.gif') no-repeat bottom left;
 padding-left: 25px;
}

.UIOptionBar .EmailIcon {
 background: url('/presentation/skin/SingleContentViewer/DefaultSkin/icons/16x16/ActionIcon.gif') no-repeat top left;
 padding-left: 20px;
}
.UIOptionBar .CommentIcon {
 background: url('/presentation/skin/SingleContentViewer/DefaultSkin/icons/16x16/ActionIcon.gif') no-repeat left -21px;
 padding-left: 20px;
}

/************************
 *** JULEY TWO COLUMNS CLV
 ************************/

.JuleyTwoColumnsCLVTemplate {
 width: 230px;
}

.JuleyTwoColumnsCLVTemplate .CLV {
 background: #fff;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
}

.JuleyTwoColumnsCLVTemplate .TitleBarL {
	color:#000000;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
	margin-bottom: 16px;
}

.JuleyTwoColumnsCLVTemplate .Contents {
}

.JuleyTwoColumnsCLVTemplate .Contents .Column21 {
 float: left;
 width: 49%;
 padding-right: 0;
 margin-bottom: 10px;
}

.JuleyTwoColumnsCLVTemplate .Contents .Column22 {
 float: right;
 width: 49%;
 padding-right: 0;
 margin-bottom: 10px;
}

.JuleyTwoColumnsCLVTemplate .Contents .Image {
 display: block;
 float: left;
}

.JuleyTwoColumnsCLVTemplate .Contents .Image img {
 width: 40px;
 border: medium none;
}

.JuleyTwoColumnsCLVTemplate .Contents .Content {
 padding: 5px 0px 0 50px;
 line-height: 16px;
}

.JuleyTwoColumnsCLVTemplate .Contents .Content .Title {
	font-size: 12px;
	color: #737373;
}

.JuleyTwoColumnsCLVTemplate .Contents .Content .Title:hover {
        color: #d00000;
}

.JuleyTwoColumnsCLVTemplate .Contents .LinkMore {
 text-align: right;
 padding: 5px 5px 0px 0px;
}

.JuleyTwoColumnsCLVTemplate .Contents .LinkMore a {
 color: #00baeb;
 text-decoration: none;
}

.JuleyTwoColumnsCLVTemplate .Contents .LinkMore a:hover {
 text-decoration: underline;
}

/************************
 *** SPECIFIC
 ************************/

.JuleyLeftTDContainer {
 float: left;
 width: 240px;
        padding: 20px 0px 0px 20px;
}

.JuleyRightTDContainer {
float: left;
width: 72%;
padding-top: 20px;
}

.AnnoucementTDContainer {
 float: left;
 width: 230px;
        border-right: 1px dotted #7F7F7F;
        margin-top: 20px;
        padding: 0px 20px 20px 0px
}

.LatestEventsTDContainer {
 float: left;
 width: 160px;
        margin-top: 20px;
        padding: 0px 20px 20px 20px;
        border-right: 1px dotted #7F7F7F;
}

.JoinUsTDContainer {
 float: left;
 width: 230px;
        margin-top: 20px;
        padding: 0px 0px 20px 20px
}

#JuleyBanner {
	background: url("/portal/rest/jcr/repository/collaboration/sites%20content/live/juley/medias/images/Juley/topBar.gif") no-repeat left top;
	padding-top: 40px;
}

.UIFooter {
	background: #B90815 url('/portal/rest/jcr/repository/collaboration/sites%20content/live/juley/medias/images/Juley/btmbar.gif') no-repeat left top;
	padding-top: 10px;
}

.JuleyBannerRightTopLanguageTDContainer {
	float: left;
	display: none;	
}

#JuleyBannerRightTop .UIWCMColumnContainer .UISingleContentViewerPortlet {
	min-width: 0px !important;
}

.JuleyBannerRightTDContainer {
	margin-left:680px;
}

.JuleyBannerRightTopLinkTDContainer {
	float: left;
}

.JuleyBannerLeftTDContainer {
	width: 340px;
	float: left;
}

.UIPage .UIRowContainer {
  padding: 0px;
}


.title {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

.justify {
  text-align: justify;
}

p, td, li {
  font-size: 12px;
  color:#545454;
  line-height: 16px;
}

a:link, a:visited, a:active {
  color: #545454;
  text-decoration: none;
}

a:hover {
  color: #545454;
  text-decoration: none;

}

.AnnoucementTDContainer .innertube {
   width: 230px;
}

.LatestEventsTDContainer .innertube {
   width: 160px;
}


.JoinUsTDContainer .UIPresentationContainer {
   width: 230px;
}


.JoinUsTDContainer .UIPresentationContainer img {
   margin-bottom: 10px;
}


.JoinUsTDContainer table {
   margin-top: 15px;
}



.MainImage {
  padding: 20px 0px 0px 20px;
}


.JuleyOneColumnCLVTemplate {
  width: 230px;
}

.JuleyOneColumnCLVTemplate .TitleBarL {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.JuleyOneColumnCLVTemplate .Contents .Content {
  text-align: justify;
  color: #5A5A5A;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px;
}

.JuleyOneColumnCLVTemplate .Contents .Content a {
  color: #7F7F7F;
  text-decoration: none;
}

.JuleyOneColumnCLVTemplate .Contents .Content a:hover {
  color: #d00000;
}

#juley-latestevents .JuleyOneColumnCLVTemplate {
  width: 160px;
}

#juley-latestevents .JuleyOneColumnCLVTemplate .Contents .Content .Date {
  background: none;
  font-weight: bold;
}
.articleBlock {
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 10px;
}
.articleBlock  .TitleLabelAnnouncement{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 10px;
}
.articleBlock  .AnnouncementContent{
	color:#5A5A5A;
	font-size:12px;
	line-height:16px;
	text-align: justify;	
}
.articleBlock  .TitleLabelEvent{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
}
.articleBlock .Date {
	background: none;
	float: left;
	padding-left: 20px;
	font-size: 12px;
	color: #5A5A5A;
        font-style: italic;
}





.JuleyImageGallery {
  padding: 20px 20px;
}

.JuleyImageGallery .ListImage { 
  float: left;
  width: 140px;
  height: 400px;
  overflow: auto;
}

.JuleyImageGallery .ListImage img {
  margin-bottom: 1px;
  cursor: pointer;
  width: 110px;
  opacity: 0.5;
  border: 3px solid #fff; 
  outline: 1px solid #ddd;
}

.JuleyImageGallery .ListImage img:hover {
  opacity: 0.99; 
  outline-color: #bbb;
}

.JuleyImageGallery .ListImage .Active {
  opacity: 0.99;
  outline-color: #bbb;
}

.JuleyImageGallery .PreviewImage { 
  margin-left: 150px;
  text-align: center;
}

.JuleyImageGallery .PreviewImage img { 
  border: 1px solid #cecece; 
  padding: 5px;
}

#juley-logo{
padding-left:10px;
}

h3 {
display:block;
font-size: 20px;
font-weight: bold;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
}

h4 {
display:block;
font-size: 14px;
font-weight: bold;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
}

.Summary {
border-bottom:1px #888 solid;
padding-bottom:10px;
}

p a:link, p a:visited, p a:active {
  color: #B99100;
  text-decoration: none;
}

p a:hover {
  color: #B99100;
  text-decoration: underline;
}