﻿
.classitem
{
	background: url(images/sArrow.gif) no-repeat 5px 11px;
	list-style-type: inherit;
	padding: 5px;
	padding-left: 15px;
}

.classitem a
{
	font-size:12px;
	font-weight:bold;
	color:white;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	text-decoration:none;
	padding-left:7px;
	margin-top:12px;
}
 .pageitem a
 {
 	font-size:12px;
	color:white;
	font-weight:bold;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	text-decoration:none;
	padding-left:25px;
 	
 }

.classitem a:hover, .pageitem a:hover, .classSubpage a:hover, .pagesubpage a:hover
{
	text-decoration: underline;
}
.classSubpage a, .pagesubpage a
{
	font-size: 8pt;
	color: white;
	font-family: Arial;
	font-weight: normal;
}

.pageitem
{
	background: url(images/pages.gif) no-repeat top left;
	background-position: 12px 3px;
	padding: 4px;
	padding-left: 8px;
}

.class-column
{
	width: 50%;
}
.column-left
{
	float: left;
}
.column-right
{
	float: right;
}

.class-column .portlet
{
	margin: 0 .5em .5em 0;
}

.folderTitle
{
	color: Black;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}
.linkTitle, .fileTitle
{
	font-size: 12px;
	color: #0000CC;
	font-family: Arial;
	text-decoration: underline;
}

#fList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	width: 100%;
}
#fList > li
{
	padding-left: 22px;
	padding-bottom: 5px;
	vertical-align: middle;
}
.fileName
{
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: Black;
}
.classfolder, .classfile, .classlink
{
	position: relative;
}
.icon
{
	top: -4px;
}

.portletFolder
{
	min-height: 500px;
}

/* jMonthCalendar */
#jMonthCalendar .Event
{
	background-color: #DDFFFF;
}
#jMonthCalendar .Assignment
{
	background-color: #C0D0FF;
}
#jMonthCalendar #Event_3
{
	background-color: #0000FF;
}
#jMonthCalendar
{
	background: white;
	width: 780px;
	font-size: 8pt;
	font-weight: normal;
}
/*#backgroundPopup
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 0;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	background-color: black;
}*/

#evtPopup
{
	display: none;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	border-top: solid 1px #FAFAFA;
	border-left: solid 1px #FAFAFA;
	position: absolute;
	font-family: Arial;
	font-size: 11px;
	background-color: #FFFFE1;
	top: -3px;
	left: 0;
	padding: 5px;
}

/* jMonthCalendar end*/

/* blog */

#popAddComment
{
	display: none;
	width: 450px;
	background: #FFFFFF;
	border: 2px solid #cecece;
	z-index: 300;
	font-size: 13px;
}


#divComments
{
	border-top: solid 2px #6B7374;
	padding-top: 5px;
	padding-bottom: 9px;
}

.postTime
{
	font-size: 12px;
	font-family: Verdana;
	color: Black;
}
.postTitle
{
	font-size: 16px;
	font-family: Verdana;
	color: Black;
	font-weight: bold;
}
.postContent, #sContent
{
	font-size: 11px;
	font-family: Verdana;
	color: Black;
}
.postImage
{
	float: left;
	margin: 0px 3px 3px 0px;
	border: 0px;
}
.byArea
{
	border: dashed 1px #6B7374;
	background-color: #E3E2DD;
	padding: 5px;
}
.byArea a
{
	color: #E5131E;
}
.postby
{
	font-size: 11px;
	font-family: Verdana;
	color: Black;
	font-weight: bold;
}
.noBlog
{
	font-size: 18px;
	color: Black;
	font-family: Verdana;
	font-weight: bold;
}

.display
{
	font-size: 11px;
	color: Black;
	font-family: Verdana;
	font-weight: bold;
}
.commentTop
{
	background: url(sysimages/commentTop.jpg) repeat-x bottom;
	padding-top: 4px;
	padding-bottom: 4px;
}
.commentTop td
{
	border: solid 1px #E0DFDA;
	font-family: Verdana;
	font-weight: bold;
	color: Black;
	font-size: 11px;
	padding-left: 4px;
}
.byArea a, #collapseComments
{
	color: #E5131E;
	font-size: 11px;
	font-family: Verdana;
}
.fset
{
	color: Black;
	font-size: 11px;
	font-family: Verdana;
}

.blogComments
{
	border-top: solid 2px #6B7374;
	margin-top: 9px;
}
.commentTitle
{
	padding-top: 5px;
}
#sDateTime
{
	font-family: "Trebuchet MS" ,Verdana,Arial,Sans-serif;
	color: #777777;
	font-size: 12px;
}
.author
{
	font-size: 13px;
	font-family: Verdana;
	color: Black;
	font-weight: bold;
	cursor: pointer;
}
#commentBlock dd
{
	border-bottom: solid 1px #CCCCCC;
}
#commentBlock dt
{
	padding-top: 6px;
}
.collapsed
{
	font-size: 12px;
	font-weight: normal;
}
.comment
{
	padding: 5px;
}
#popAddComment
{
	display: none;
	width: 450px;
	background: #FFFFFF;
	border: 2px solid #cecece;
	z-index: 300;
	font-size: 13px;
}
#backgroundPopup
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	background-color: black;
}

.postTime
{
	font-size: 12px;
	font-family: Verdana;
	color: Black;
}
.postTitle
{
	font-size: 16px;
	font-family: Verdana;
	color: Black;
	font-weight: bold;
}
.postContent
{
	font-size: 11px;
	font-family: Verdana;
	color: Black;
}
.postImage
{
	float: left;
	margin: 0px 3px 3px 0px;
	border: 0px;
}
.byArea
{
	border: dashed 1px #6B7374;
	background-color: #E5E2DD;
	padding: 5px;
}
.byArea a
{
	color: #E5131E;
}
.postby
{
	font-size: 11px;
	font-family: Verdana;
	color: Black;
	font-weight: bold;
}

.noBlog
{
	font-size: 18px;
	color: Black;
	font-family: Verdana;
	font-weight: bold;
}
.numComments
{
	color: Black;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
}
.blogitem
{
	border-top: solid 2px #6B7374;
	padding-top: 5px;
	padding-bottom: 9px;
}
.postComment, .viewComments
{
	font-size: 11px;
	text-decoration: underline;
	color: #E5131E;
	font-family: verdana;
	font-weight: bold;
}


/* Upcoming Events */

.upList
{
    list-style-type:none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color:transparent;
}
 .upList > .event
{
  
    padding-left:22px;
    background:white url(images/event.gif) no-repeat top left;
    background-position:5px 7px;
     background-color:transparent;
      padding-bottom:5px;
     border:0px;
}
.upList > .assign
{
	padding-left:22px;
    background:white url(images/assign.gif) no-repeat top left;
    background-position:5px 5px;
     background-color:transparent;
      padding-bottom:5px;
     border:0px;
}
.upList > .assign > .eventTitle, .upList > .event > .eventTitle
{
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
    color:Black;
}
.upList > .assign > .eventDate, .upList > .event > .eventDate
{
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;

    color:Black;
    border:0px;
}
.noevents
{
	font-family:Arial;
	font-size:12px;
	font-style:italic;
	color:Black;
}
#popInfo
{
    display: none;
    width:300px;
    background: #FFFFFF;
    border: 2px solid #cecece;
    z-index: 1000;
    font-size: 13px;
    position: fixed;
    top: 150px;
    right:150px;
}


/* FULL Assignment List */

		.assListFull
        {
            list-style-type:none;
            margin: 0;
            padding: 0;
            width: 100%;
        }
         .assListFull > li 
        {
            padding-left:18px;
            background:white url(images/assign.gif) no-repeat top left;
            background-position:1px 4px;
            padding-bottom:8px;
        }
       


/*class*/


.slideshowTitle
{
	font-size: 11px;
	font-family: Arial;
	color: #6B7374;
}

#mycarousel
{
	z-index: 0;
}

.announceImage
{
	width: 105px;
	padding-right: 4px;
	float: left;
}

.anncList
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.anncList > li
{
	padding: 3px;
}
.anncList > .image
{
	font-size: 12px;
	font-family: Arial;
}
.anncList > .noimage
{
	padding-left: 24px;
	font-size: 12px;
	font-family: Arial;
	background: white url(images/annc.gif) no-repeat top left;
	background-position: 1px 0px;
}
.assList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.assList > li
{
	padding-left: 18px;
	background: white url(images/assign.gif) no-repeat top left;
	background-position: 1px 4px;
}
.assignSubmit
{
	padding-left: 18px;
	background: white url(images/assign.gif) no-repeat top left;
	background-position: 1px 2px;
}
#fList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	width: 100%;
}
#fList > li
{
	padding-left: 19px;
	vertical-align: middle;
	padding-bottom: 5px;
}
.classfolder, .classfile, .classlink
{
	position: relative;
}

.linkTitle, .fileTitle
{
	font-size: 12px;
	color: #0000CC;
	font-family: Arial;
	text-decoration: underline;
}
.folderTitle
{
	color: Black;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}
.portlet.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all
{
	padding-bottom: 5px;
}
.submitAssign
{
	font-family: verdana;
	font-size: 8pt;
	color: #FF0400;
	text-decoration: underline;
}
#popSubmitAssign
{
	display: none;
	width: 415px;
	background: #FFFFFF;
	border: 2px solid #cecece;
	z-index: 1000;
	font-size: 13px;
	position: fixed;
	top: 150px;
}


/* OLC Styles */
.olc2ColumnContentLeft
{
	min-height: 500px;
}
.olcLeftTop
{
	visibility:hidden;
}
.olcLeftTitle
{
	color: white;
	font-size: 13pt;
	font-family: arial;
	text-align: left;
	margin-left: 5px;
	font-weight: bold;
	margin-top: 5px;
	padding-bottom: 4px;
}
.olcNoAvail
{
	font-size: 8pt;
	color: black;
	font-style: italic;
	font-family: Arial;
}
.areaTitle
{
	font-size: 18px;
	color: Black;
	font-family: Arial;
	border-bottom: solid 1px #808080;
	text-align: left;
}
.olcTextHead
{
	font-weight: bold;
	text-align: left;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.olcSample
{
	font-size: 9pt;
}

.calday
{
	border-top: solid 1px #F3F3F5;
	border-right: solid 1px #F3F3F5;
	border-left: solid 1px #9FA2AC;
	border-bottom: solid 1px #9FA2AC;
}


.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

html[xmlns] .clearfix
{
	display: block;
}

* html .clearfix
{
	height: 1%;
}

.fixme
{
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed;
	left: 40%;
	top: 30%;
}
.column
{
	width: 50%;
	min-width: 350px;
	float: left;
	padding-bottom: 100px;
}
.portlet
{
	margin: 0 0 0 0;
}
.portlet-header
{
	margin: 0.3em;
	padding-bottom: 4px;
	padding-left: 0.1em;
	font-size: 15px;
}
.portlet-header .ui-icon
{
	float: right;
}
.portlet-content
{
	margin: 4px;
}
.ui-sortable-placeholder
{
	border: 1px dotted black;
	visibility: visible !important;
	height: 40px !important;
}
.ui-sortable-placeholder *
{
	visibility: hidden;
}
.portTitle
{
	font-size: 15px;
	font-family: Verdana;
	color: Black;
}
.portTitle a
{
	font-size: 11px;
	font-family: Arial;
	color: #E5131E;
	text-decoration: underline;
}

.popTitle
{
	background-color: #570B0F;
	padding: 2px;
	vertical-align: middle;
	padding-left: 6px;
	font-weight: bold;
	font-family: arial;
	height: 20px;
	border-bottom: solid 1px #000000;
	color: white;
	font-size: 13px;
	width:98%;
}
.popContent
{
	font-family: arial;
	color: Black;
	font-size: 12px;
	padding-left: 12;
	padding-top: 8px;
	text-align: left;
}

.popBottom
{
	height: 25px;
	background-color: #CECECE;
	font-size: 11px;
	font-style: italic;
	text-align: right;
	padding-right: 13px;
	border-top: solid 5px white;
	border-bottom: 0px;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 4px;
}


.icon
{
	background: url(/olc/images/icons.gif) no-repeat top left;
	font-size: 1em;
	background-position: 0 -26px;
	background-repeat: no-repeat;
	width: 20px;
	height: 22px;
	position: absolute;
	top: -5px;
	left: -2px;
}

.icon.sprite-document
{
	background-position: 0 -30px;
}
.icon.sprite-document_blocked
{
	background-position: 0 -78px;
}
.icon.sprite-document_certified
{
	background-position: 0 -126px;
}
.icon.sprite-document_create
{
	background-position: 0 -175px;
}
.icon.sprite-document_empty
{
	background-position: 0 -223px;
}
.icon.xls, icon.xlsx
{
	background-position: 0 -271px;
}
.icon.sprite-document_flow
{
	background-position: 0 -319px;
}
.icon.sprite-document_flow_approved
{
	background-position: 0 -367px;
}
.icon.sprite-document_flow_approved_2
{
	background-position: 0 -415px;
}
.icon.sprite-document_flow_checkdOutByMyself
{
	background-position: 0 -463px;
}
.icon.sprite-document_flow_checkdOutByOther
{
	background-position: 0 -511px;
}
.icon.sprite-document_flow_draftCheckdOutByMyself
{
	background-position: 0 -559px;
}
.icon.sprite-document_flow_draftCheckdOutByOther
{
	background-position: 0 -607px;
}
.icon.sprite-document_flow_markedForApproval
{
	background-position: 0 -655px;
}
.icon.sprite-document_flow_markedForCorrection
{
	background-position: 0 -703px;
}
.icon.sprite-document_flow_markedForReview
{
	background-position: 0 -751px;
}
.icon.sprite-document_flow_pending
{
	background-position: 0 -799px;
}
.icon.sprite-document_flow_rejected
{
	background-position: 0 -847px;
}
.icon.sprite-document_image
{
	background-position: 0 -895px;
}
.icon.link
{
	background-position: 0 -939px;
}
.icon.createlink
{
	background-position: 0 -991px;
}
.icon.pdf
{
	background-position: 0 -1036px;
}
.icon.ppt, .icon.pptx
{
	background-position: 0 -1083px;
}
.icon.sprite-document_rejected
{
	background-position: 0 -1135px;
}
.icon.sprite-document_sale_delivered
{
	background-position: 0 -1183px;
}
.icon.sprite-document_sale_new
{
	background-position: 0 -1231px;
}
.icon.sprite-document_sale_pending
{
	background-position: 0 -1279px;
}
.icon.sprite-document_sale_rejected
{
	background-position: 0 -1327px;
}
.icon.sprite-document_ticket_cancelled
{
	background-position: 0 -1375px;
}
.icon.sprite-document_ticket_finished
{
	background-position: 0 -1423px;
}
.icon.sprite-document_ticket_priority1
{
	background-position: 0 -1471px;
}
.icon.sprite-document_ticket_priority10
{
	background-position: 0 -1519px;
}
.icon.sprite-document_ticket_priority2
{
	background-position: 0 -1567px;
}
.icon.sprite-document_ticket_priority3
{
	background-position: 0 -1615px;
}
.icon.sprite-document_ticket_priority4
{
	background-position: 0 -1663px;
}
.icon.sprite-document_ticket_priority5
{
	background-position: 0 -1711px;
}
.icon.sprite-document_ticket_priority6
{
	background-position: 0 -1759px;
}
.icon.sprite-document_ticket_priority7
{
	background-position: 0 -1807px;
}
.icon.sprite-document_ticket_priority8
{
	background-position: 0 -1855px;
}
.icon.sprite-document_ticket_priority9
{
	background-position: 0 -1903px;
}
.icon.sprite-document_unknown
{
	background-position: 0 -1951px;
}
.icon.sprite-document_withDraft
{
	background-position: -170px -30px;
}
.icon.doc, .icon.docx
{
	background-position: 0 -2046px;
}
.icon.folder
{
	background-position: 0 -2094px;
	top:-3px;
}
.icon.sprite-folder_Chile
{
	background-position: -170px -173px;
}
.icon.sprite-folder_Colombia
{
	background-position: -170px -217px;
}
.icon.sprite-folder_administration
{
	background-position: -170px -261px;
}
.icon.sprite-folder_back
{
	background-position: -170px -305px;
}
.icon.sprite-folder_documents
{
	background-position: -170px -349px;
}
.icon.sprite-folder_rejected
{
	background-position: -170px -393px;
}
.icon.sprite-folder_uruguay
{
	background-position: -170px -437px;
}
.icon.sprite-folder_withFlow
{
	background-position: -170px -481px;
}
.icon.sprite-iconSurvey
{
	background-position: -170px -525px;
}
.icon.sprite-list
{
	background-position: -170px -573px;
}
.icon.sprite-list_Create
{
	background-position: -170px -621px;
}
.icon.sprite-new_folder
{
	background-position: -170px -669px;
}
.icon.zip
{
	background-position: 0 -2684px;
}

.panel-overlay p
{
	margin: .3em 0;
}
.panel-overlay p
{
	font-size: 8pt;
	font-family: Arial;
	color: White;
}
#parts-img
{
	border: 1px solid black;
}
