@charset "utf-8";

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../photos/bg_top.png);
	background-repeat: repeat-x;
}
.text {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.text a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
.text a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: underline;
}
.text a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}
.text a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
.dashed {
	border: 1px dashed #999999;
}
.bluetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0000CC;
	text-decoration: none;
}
.black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}
.black a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}
.black a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	text-align: justify;
}
.black a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	text-align: justify;
}
.black a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
}
.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

/* validation styles */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00A000;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00A000;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/* newsticker styles */

#newsticker ul {
	color:#fff;
	padding:10px 20px;
	width:198px;
	background: #99d0f7 repeat 0% 0%;
	padding:10px 20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	opacity:0.5
	-moz-opacity:0.5
}

#newsticker ul li {
	list-style:none;
	font-family:verdana;
	font-size:12px;
}

/* colorbox styles */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{margin-top:32px;}
		#cboxLoadedContent{background:#000; padding:7px;}
            #cboxLoadingGraphic{background:url(../photos/loading.gif) center center no-repeat;}
            #cboxLoadingOverlay{background:#000;}
            #cboxTitle{position:absolute; top:-22px; left:0; color:#e8debb;}
            #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
            #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:22px; height:20px; position:absolute; top:-20px; background:url(../photos/controls.png) 0 0 no-repeat;}
            #cboxPrevious{background-position:0px 0px; right:44px;}
            #cboxPrevious.hover{background-position:0px -25px;}
            #cboxNext{background-position:-25px 0px; right:22px;}
            #cboxNext.hover{background-position:-25px -25px;}
		#cboxClose{background-position:-50px 0px; right:0;}
		#cboxClose.hover{background-position:-50px -25px;}
            .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
            .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
            .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
            .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
            .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* support for tabbed content */

/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

.tabs a { 
	background: url(../photos/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;		
}

.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w4 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }

.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }

.panes .pane {
	display:none;		
}

.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100%;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}

#tabsWrapper {
    width: 100%;
    height: 100%;
}

#tabsContent {
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
}

/* Page navigation styles */
.paging { padding:10px 0px 0px 0px; text-align:center; font-size:13px;}
.paging.display{text-align:right;}
.paging a, .paging span {padding:2px 8px 2px 8px;}
.paging span {font-weight:bold; color:#000; font-size:13px; }
.paging a {color:#000; text-decoration:none; border:1px solid #dddddd;}
.paging a:hover { text-decoration:none; background-color:#6C6C6C; color:#fff; border-color:#000;}
.paging span.prn { font-size:13px; font-weight:normal; color:#aaa; }
.paging a.prn { border:2px solid #dddddd;}
.paging a.prn:hover { border-color:#000;}

/* Calendar styles for news items */

#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:1;	
	margin-top:-30px;	
	width:370px;	
}

#calbody {
	clear:both;
	font-family:sans-serif;		
	width:364px;
	font-size:13px;
	border:1px solid #BDC8D2;
	border-width:1px 1px 0;
	background:#F5F9FF url(../photos/h300.png) 0 37px repeat-x;
	-moz-box-shadow:0 0 10px 0px #ccc;
	-webkit-box-shadow:0 0 10px 0px #ccc;
}

#calhead {
	font-family:sans-serif;		
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:30px;
}

#calhead a {
	font-size:14px;
	font-weight:bold;
	color: #0066CC;
	text-decoration: none;
}

#calhead a:hover {
	text-decoration: underline;
}

#calhead a:active {
	color: #990000;
	text-decoration: underline;
}

#calhead a:visited {
	color: #0066CC;
	text-decoration: none;
}

#caldays span {
	display:block;
	float:left;
	width:52px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	font-size:11px;
	color:#7e7e7e;
	line-height:18px;
	background:#fff url(../photos/h80.png) repeat-x;
}

#calweeks {
	
}

.calweek {
	clear:left;
	height:50px;
	border-bottom:1px solid #BDC8D2;
	border-top:1px solid #fff;
}

.calweek a {
	display:block;
	float:left;
	width:50px;
	height:50px;
	text-decoration:none;
	font-size:15px;
	text-align:center;
	line-height:50px;
	color:#000;
	border-right:1px solid #fff;
	border-left:1px solid #BDC8D2;
	text-shadow:1px 1px 1px #fff;
} 

a.calsunday {
	border-left:1px solid transparent;		
	color:#900;
	background-color:#f2f2f2;
}

.calweek a:hover, .calfocus {
	background:#fff url(..photos/h80.png) repeat-x;
}

.calsun {
	color:red;		
}

a.caloff {
	color:#999;	
	background:#eee url(../photos/h80.png) repeat-x;
}

a.caloff.calfocus {
	background-color:#ddd;		
}

.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

.caloff:hover {
	background-color:rgb(245, 245, 250);		
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
	text-shadow:0 1px 0 #000;
	border:0;
	width:52px;
	background-image:none;
	-moz-box-shadow:inset 0 0 10px 0px #000;
}

/* today */
#caltoday {
	background-color:#666;
	color:#fff;
	text-shadow:0 1px 0 #000;
}

/* datepicker styles */

/* the div that holds the date picker calendar */
.dpDiv  
{   width:200px;
    height:200px;
    padding: 0px;
    margin: 0px;	    
    border-collapse: collapse; 
    background-color: #ece9d8;
    border: 0px transparent;
}
#datepickeriframe
{   width:200px;
    height:200px;
    padding: 0px;
    margin: 0px;	    
    border-collapse: collapse; 
    background-color: #ece9d8;
    border: 0px transparent;
}
/* the table (within the div) that holds the date picker calendar */
.dpTable 
{
    width:200px;
    height:200px;
	font-family:  Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border-collapse: collapse;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR { height: 20px; }
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR { height: 20px; }
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR { height: 20px; }
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR { height: 20px; }


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD 
{
    width:25px;
    padding-left: 0px;
	padding-right: 0px;
	border: 1px solid #ffffff;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD     
{
    width:25px;
    padding-left: 0px;
	padding-right: 0px;
	background-color: #dfdfdf;
	border: 1px solid #ffffff;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover 
{
    width:25px;
    padding-left: 0px;
	padding-right: 0px;
	cursor: pointer;
	color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD 
{
    padding-left: 0px;
	padding-right: 0px;
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD 
{
    width:25px;
    padding-left: 0px;
	padding-right: 0px;
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD     
{
    padding-left: 0px;
	padding-right: 0px;
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD     
{
    width:25px;
    padding-left: 0px;
	padding-right: 0px;
	background-color: #696969;
    font-weight: bold;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText 
{
	font-size: 12px;
	color: #696969;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight 
{
	color: #4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton 
{    
	font: bold 10px Arial, Sans-serif; 
	background: #ece9d8; 
	padding: 2px 3px; 
	color: #696969;	
	border: none;
	width:99%;
	height:99%;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton 
{
    
	margin: 2px; 
	font: bold 10px Arial, Sans-serif; 
	background: #FFF; 
	padding: 2px 3px; 
	color: #696969;	
	border: 1px solid #6C859A;
	width:47%;
	/*
	font-family: Arial,Verdana, Tahoma,  Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;*/
}