﻿body
{
    background-color: #7F7F7F;
    margin: 0 0;
    behavior: url(csshover.htc);
}
.page
{
    width: 789px;
    margin-left: auto;
    margin-right: auto;
}

.content
{
    vertical-align: top;
    font-family:Arial;
    font-size: 9pt;
    text-align: left;
    color: black;
}
.content a
{
    font-family:Arial;
    font-size: 9pt;
    text-decoration: none;
    color: black;
}
.content a:hover
{
    text-decoration: underline;
}
.bold
{
    font-weight: bold;
}

.gutterLeft
{
    vertical-align: top;
    width: 186px;
}

.gutterRight
{
    vertical-align: top;
}

.EventRight
{
    font-size: 8pt;
    font-family: arial;
    color:#A6A6A6;
}

.EventRight a
{
    font-size: 8pt;
    color: black;
    text-decoration: none;
    font-family: arial;
    font-weight: bold;
}
.EventRight a:hover
{
    text-decoration: underline;
}

.District2ColumnContentLeft
{
    width: 142px;
    vertical-align: top;
    background-color: white;
    text-align: left;
}

.District2ColumnContentRight
{
    width: 594px;
    vertical-align: top;
    text-align: left;
    padding-left: 14px;
    padding-right: 18px;
    min-height: 540px;
    background: white url(/sysimages/middleFull.jpg) no-repeat top;
    padding-top: 10px;
}

.District3ColumnContentLeft
{
    vertical-align: top;
    text-align: left;
    background-color: White;
    width: 142px;
}

.District3ColumnContentMiddle
{
    background: url(/sysimages/middleSlice.jpg) repeat-x top;
    width: 433px;
    vertical-align: top;
    text-align: left;
    background-color: White;
    padding-left: 14px;
    padding-right: 12px;
    padding-top: 10px;
}

.District3ColumnContentRight
{
    width: 145px;
    vertical-align: top;
    text-align: right;
    background-color: White;
}

.School2ColumnContentLeft
{
    background: url(/sysimages/leftGutTop.jpg) no-repeat top;
    width: 129px;
    vertical-align: top;
    text-align: left;
    background-color: #A6A6A6;
}

.School2ColumnContentRight
{
    background: white url(/sysimages/middleFull.jpg) no-repeat top;
    width: 594px;
    min-height: 540px;
    vertical-align: top;
    text-align: left;
    padding-left: 14px;
    padding-right: 18px;
    padding-top: 10px;
}

.School3ColumnContentLeft
{
    background: url(/sysimages/leftGutTop.jpg) no-repeat top;
    width: 129px;
    vertical-align: top;
    background-color: #A6A6A6;
    text-align: left;
}

.School3ColumnContentMiddle
{
    background: url(/sysimages/middleSlice.jpg) repeat-x top;
    width: 435px;
    height: 540px;
    vertical-align: top;
    text-align: left;
    background-color: White;
    padding-left: 14px;
    padding-right: 12px;
    padding-top: 10px;
}

.School3ColumnContentRight
{
    background:#D2D2D2 url(/sysimages/rightGutTop.jpg) no-repeat top;
    width: 145px;
    vertical-align: top;
    text-align: left;
    height: 66px;

}
.schoolMidLeft
{
    background-color: White;
    width: 13px;
}
.schoolMidRight
{
    background-color: White;
    width: 6px;
}
.title
{
    color: black;
    font-family: Times New Roman;
    font-size: 21px;
    font-weight: bold;
}
.titleLine
{
    padding-top: 10px;
    padding-bottom: 6px;
}
.description
{
    font-size: 8pt;
}

.smaller
{
    font-size: 10pt;
}

.bigger
{
    font-size: 14px;
    font-weight: bold;
}

.footer
{
    background: url(/sysimages/bottom.jpg) no-repeat top;
    height: 66px;
    width: 789px;
    padding-top: 6px;
    width: 100%;
    color: black;
    font-family: Times New Roman;
    font-size: 11px;
    padding-left: 25px;
    font-weight: bold;
    text-align: left;
}
.footer tr td
{
    text-align: left;
}
.footer tr td a
{
    color: black;
    font-family: Times New Roman;
    font-size: 11px;
    text-decoration: none;
}
.footer2
{
    width: 789px;
    width: 100%;
    color: white;
    font-family: Times New Roman;
    font-size: 12px;
    text-align: left;
}

table.footer2 a, table.footer2 a:link, table.footer2 a:visited
{
    color: white;
    text-decoration: underline;
}

table.footer2 a:hover, table.footer2 a:active
{
    color: white;
    text-decoration: underline;
}

.schoolNav
{
    vertical-align: top;
    text-align: center;
    width: 100%;
    background: url(/sysimages/sBottom.jpg) no-repeat bottom;
}

.schoolNav tr td
{
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    vertical-align: top;
    color: white;
    text-align: left;
}
.schoolNav span
{
    text-align: left;
    vertical-align: middle;
    font-family: Times New Roman;
    font-weight: bold;
    font-size: 12px;
    color: white;
    text-decoration: none;
}
.schoolNav tr td a
{
    text-align: left;
    vertical-align: middle;
    font-family: Times New Roman;
    font-weight: bold;
    font-size: 12px;
    color: white;
    text-decoration: none;
}

.schoolNav tr td a:hover
{
    color: #A80C17;
    text-decoration: none;
}


.DayHeader
{
    height: 25px;
    background-color: #AD0D19;
    color: #012B97;
    font-family: Verdana;
    font-weight: bolder;
    font-size: 12pt;
}

.EventsGrid
{
    font-family: Verdana;
    font-size: 10pt;
    color: #11375c;
}


.DistrictLeftImages
{
    width: 10px;
    height: 9px;
}

.DistrictLeftText, .DistrictLeftText a
{
    border-bottom: 1px dotted #c5c9ce;
    color: #0f3f65;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
}


.calendar tr th
{
	background-color:White;
    color: #818181;
}
.calendar tr td a, .calendar tr th a, .calendar, .calendar tr td, .calendar tr th
{
    text-decoration: none;
    font-family: Verdana;
    font-size: 8pt;
}
.gutterHeaderT
{
    color: #D22939;
    padding-top: 40px;
    padding-left: 3px;
    font-size: 9pt;
    text-align: left;
    font-weight: bold;
    font-family:Verdana;
}
.gutterHeaderB
{
    color: #D22939;
    padding-top: 5px;
    padding-left: 3px;
    font-size: 9pt;
    text-align: left;
    font-weight: bold;
    font-family:Verdana;
    background-color: Transparent;
}
.gutterHeaderLeft
{
    padding-top: 8px;
    color: #B0322F;
    font-family:Verdana;
    font-weight: bold;
    font-size: 9pt;
    height: 23px;
    background-color: transparent;
    vertical-align: middle;
    text-align: left;
    padding-left:3px;
}
.gutterHeaderRight
{
    padding-top: 8px;
    color: #B0322F;
    font-family:Verdana;
    font-weight: bold;
    font-size: 9pt;
    height: 23px;
    background-color: transparent;
    vertical-align: middle;
    text-align: left;
    padding-left: 6px;
}
.gutterHeaderBottom
{
    background: url(/sysimages/rbGutBack.jpg) no-repeat;
    background-position: top left;
    color: white;
    font-family:Verdana;
    font-weight: bold;
    font-size: 9pt;
    width: 149px;
    height: 30px;
    background-color: transparent;
    vertical-align: middle;
    text-align: left;
    padding-top: 6px;
}
.schoolGutterMiddle
{
    padding-left: 6px;
    width: 135px;
}
.gutterMiddle
{
    padding-left: 6px;
    padding-right: 4px;
    background-position: bottom left;
    width: 135px;
    text-indent: 4px;
}
.gutterHeaderText
{
    padding-left: 1px;
}

td.searchBox input
{
    width: 132px;
    height: 15px; #height:13px;

}

.searchBox
{
    height: 33px;
    padding-right: 20px;
    padding-top: 12px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: White;
    vertical-align: bottom;
}
.searchBox a
{
    text-decoration: underline;
    font-family: Arial;
    color: White;
    font-size: 12px;
}
.searchBox a:hover
{
    text-decoration: underline;
}
.address
{
    text-align: right;
    padding-top: 8px;
    padding-left: 10px;
    color: White;
    font-family: Arial;
    font-size: 11px;
}
.address a
{
    color: White;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
}
.address a:hover
{
    text-decoration: underline;
}
.schoolinfo
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
    color: #012B97;
    text-decoration: none;
}
.adminDept
{
    width: 250px;
    height: 150px;
    float: left;
    margin: 3px;
    padding: 3px;
    border: solid 1px black;
}
.banner
{
    background: url(/sysimages/top1.jpg) no-repeat top;
    width: 789px;
    height: 86px;
    text-align: left;
    vertical-align: top;
    font-size: 22px;
    color: White;
    font-family: Times New Roman;
}
.mBottom
{
    background: url(/sysimages/mBottom.jpg) no-repeat top;
    width: 555px;
    height: 13px;
}
.news
{
    padding-top: 8px;
    text-align: right;
    padding-right: 8px;
}
.mMargins
{
}
.lBottom
{
    height: 12px;
}
.addinfo
{
    width: 115px;
    font-size: 11px;
    color: Black;
}
.category
{
    color: Black;
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
}
span.linkform
{
    font-size: 8pt;
    font-family: arial;
    color: #A7A7A7;
}
a.linkform
{
    color: #595957;
    text-decoration: none;
    font-family: arial;
    font-size: 8pt;
    font-weight:bold;
}
a:hover.linkform
{
    text-decoration: underline;
}
span.EventRight
{
    font-size: 8pt;
    font-family: arial;
    color: #A7A7A7;
}

a.EventRight
{
    font-size: 8pt;
    color: #595A5C;
    text-decoration: none;
    font-family: arial;
    font-weight:bold;
}

a:hover.EventRight
{
    text-decoration: underline;
}
.fullcal
{
    padding-left: 10px;
}

a.search
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #0000FF;
    text-decoration: underline;
}

.summary
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
}

.summaryURL
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller;
    color: #008000;
}

.searchSize
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller;
    color: #C0C0C0;
}
.meeting
{
    padding-left: 6px;
    color: #595957;
    text-decoration: none;
    font-family: arial;
    font-size: 13px;
}
.meeting a:hover
{
    text-decoration: underline;
}
table.dright
{
    text-align: right;
}
table.dnav
{
    width: 100%;
    height: 26px;
}
table.dnav tr td
{
    text-align: center;
    vertical-align: top;
    width: 14.286%;
}


table.dnav tr td a
{
    text-decoration: none;
    color: #E3D0D2;
    font-family: times new Roman;
    font-size: 13px;
}

table.dnav tr td a:hover
{
    text-decoration: none;
    color: #B28486;
}
.sTop
{
    height: 5px;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}
.mLeft
{
    background: url(/sysimages/mlslice.jpg) repeat-y top;
    width: 12px;
    height: 100%;
}
.floatLeft1
{
    float: left;
    width: auto;
    height: auto;
    margin: 3px 6px 6px 3px;
    text-align: center;
}
.today
{
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    color:#b7b7b7;
}

.arrow
{
    padding-left: 3px;
}
.bLine
{
    border-bottom: solid 1px #CECECE;
}
.floatRight1
{
    float: right;
    width: auto;
    height: auto;
    margin: 0 0 10px 10px;
    text-align: center;
}
.middle
{
    width: 733px;
}
.leftSlice
{
    background: url(/sysimages/leftSlice.jpg) repeat-y top;
    width: 14px;
}
.leftIn
{
    background: url(/sysimages/left2top.jpg) no-repeat top;
    width: 13px;
    background-color: White;
}
.rightIn
{
    background: url(/sysimages/right2top.jpg) no-repeat top;
    width: 15px;
    background-color: White;
}
.rightSlice
{
    background: url(/sysimages/rightSlice.jpg) repeat-y top;
    width: 14px;
}
.rightGutter
{
    background: url(/sysimages/rightGutTop.jpg) no-repeat top;
    width: 145px;
    background-color: #DFDFDF;
    text-align: left;
    height: 500px;
}
.fullright
{
    background: white url(/sysimages/rightFull.jpg) no-repeat top;
    width: 12px;
    height: auto;
}
.mMargin
{
    padding-top: 8px;
}
.ssBottom
{
    border-top: solid 1px #3D3E39;
    background-color: #2A2924;
    height: 25px;
    vertical-align: middle;
}
.galleryText
{
    color: #6F6E66;
    font-size: 12px;
    font-family: Times New Roman;
}
.athDD
{
    width: 125px;
}
.athleticNav table
{
    background-color: #D2D2D2;
}

.athleticNav tr td
{
    vertical-align: top;
    text-align: left;
    font-family: Times New Roman;
    padding-top: 3px;
    padding-bottom: 3px;
}

.athleticNav a
{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-family: Times New Roman;
    font-size: 12px;
}
.athMid
{
    background-color: White;
    width: 5px;
}

/* OLC OLC OLC OLC OLC OLC */
	.olc2ColumnContentLeft
	{
		width:160px;
		min-height:500px;
		
	}
	.olcLeftTitle
	{
		color:black;
		font-size:10pt;
		font-family:Verdana;
		text-align:left;
		margin-left:5px;
		font-weight:bold;
		padding-bottom:4px;
	}
	.olcNoAvail
	{
		font-size:12px;
		color:White;
		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:8pt;
	}
	
	.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: 49.5%;
		min-width: 280px;
		float: left;
		padding-bottom: 100px;
	}
	.portlet
	{
		margin: 0 .5em .5em 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:5px;
	}
	.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;
	}
	
	.unsubscribe a
	{
		font-size:7.5pt;
		color:Black;
		font-family:Arial;
		text-decoration:none;	
	}
	.unsubscribe a:hover
	{
		text-decoration:underline;
	}
	.popTitle
    {
	    background-color:#970A12; 
	    padding: 2px; 
	    vertical-align: middle;
	    padding-left:6px;
        font-weight: bold; 
        font-family: arial; 
        height: 20px; 
        border-bottom: solid 1px #F0BD00;
        color: white; 
        font-size: 13px;
    }
    .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:1px;
	   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; 
	}
	.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; 
	}