/* ==================================================================
    CSS STYLES FOR Events CALENDAR MODULE: Theme: Default (Blue)
   ==================================================================
*/


/* The following control the Calendar Month Style-Look */

.evt td.evtTitle, .evt td.evtDayHeader, .evtSate td.slTitle, .evtSate td.slDayHeader
{
    display: none;
    height: 0px;
}

.Calendar-SatelliteContent table td
{
    padding: 0px;
}

.Calendar-SatelliteContent h2
{
    text-align: left;
    margin: 0px 0 20px 20px;
}

.evt td.claDay
{
    font-size: 12px;
	width: 140px;
	vertical-align: top;
}
.evt
{
    table-layout: auto;
	font-size: 10px;
	width: auto;
	height:100%;
	font-family: Verdana;
}
.evt td.evtDay
{
    font-size: 12px;
	width: 140px;
	vertical-align: top;
	height: 100%;
}

.evt td .day_wrapper
{
    background-color:#f5f2f1;
    width: 123px;
    margin:0 17px 0 0;
    border-bottom: solid 7px #ffffff;
}
.evt td .day_wrapper td
{
    width: 100%;
    margin-right: 0 13px 0 0;
    vertical-align: top;
}
.evt td .day_wrapper td .evtDayScroll .pop .event_header div a
{
    width: 100%;
}
.evt td .evtDayScroll
{
    text-align: left;
	padding: 7px 0 0 5px;
	min-height: 66px;
	height: auto !important;
	overflow: auto;
}
.evt .calFilters td
{
	text-align: left;
	color: #551900;
}
.pop .event_header
{
    background: url(images/event_arrow.gif) no-repeat left 1px;
    display:block;
    padding-left: 12px;
}
.bt-active .event_header, .bt-active .event_header a
{
    color: #c95540 !important;
}
.evt td .day_wrapper td.class_date
{
    text-align: right;
    padding: 0px 15px 20px 0;
    color: #4a1600;
    font-family: Helvetica;
    font-size: 35px;
    vertical-align: bottom;
}
.evt td .class_date .feautred
{
    background: url(images/feather.gif) no-repeat left 2px;
    padding-left: 40px; 
}
.evtOtherMonDay
{
}
.evtWeekendDay
{
}
.evtToday
{
}
.pop, .pop a
{
	cursor: pointer;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #551900;
	margin-top: 2px;
}
.poplink
{
    text-decoration: underline;
    cursor:pointer;
    color: #4085bf;
}
.bt-content
{
    
}
.bt-content .tooltip
{
    min-height: 128px;
    background: #f4f3f3 url(images/bg_tooltip.png) repeat-x left bottom;
    padding:10px;
}
.bt-content .tooltip .title a
{
    color: #521800;
    font-size: 11px;
    font-weight: bold;
}
.bt-content .tooltip .description
{
    color: #521800;
    font-size: 10px;
    font-family: helvetica;
    padding-top: 10px;
    line-height: 18px;
}
.bt-content .tooltip .description p
{
    margin: 0 0 0 0;
}
.bt-content .tooltip .more
{
    padding-bottom: 15px;
    padding-top: 10px;
}
.bt-content .tooltip .more a
{
    background: transparent url(/Portals/0/Skins/choctaw/images/more_lnk.gif) no-repeat scroll rigth 2px;
    color:#C0341E;
    cursor:pointer;
    font-family:helvetica;
    font-size:10px;
    line-height:10px;
    padding-right:12px;
}

/***************************/
/*** Satellite Calendar ***/
/***************************/
.evtSate
{
    table-layout: auto;
	font-size: 10px;
	width: auto;
	height:auto;
	font-family: Verdana;
	margin-left: 40px;
}
.evtSate td
{
    font-size: 12px;
	vertical-align: top;
	height: auto;
	width: 70px;
}
.evtSate td .day_wrapper_pop_left
{
    /* background: url(images/bg_day_wrapper_sate.gif) repeat-x left top; */
    background-color:#f5f2f1;
    border-bottom: solid 5px #ffffff;
    margin-right: 10px;
	min-height: 62px;
	cursor: pointer;
}
.evtSate td .day_wrapper_pop
{
    /* background: url(images/bg_day_wrapper_sate.gif) repeat-x left top; */
    background-color:#f5f2f1;
    border-bottom: solid 5px #ffffff;
    margin-right: 10px;
	min-height: 62px;
	cursor: pointer;
}
.evtSate td .day_wrapper
{
    background-color:#f5f2f1;
    border-bottom: solid 5px #ffffff;
    margin: 0 10px 0 0;
	min-height: 62px;
}

.evtSate td.evtDayScroll
{
    text-align: left;
	padding: 7px 0 0 5px;
	min-height: 67px;
	overflow: auto;
}
.evtSate td .class_date
{
    text-align: right;
    padding: 0 10px 0 0;
    color: #4a1600;
    font-family: Helvetica;
    font-size: 17px;
}
.evtSate td .class_date .hasevent
{
    background: url(images/feather_colored.gif) no-repeat left 2px;
    padding: 0 0 5px 15px; 
}
.evtSate td .day_wrapper .not_feature
{
    height: 38px;
}
.evtSate td .day_wrapper .is_feature
{
    height: 38px;
    background: url(images/feature_event.gif) no-repeat center;
}
.evtSate td .day_wrapper_pop .not_feature
{
    height: 38px;
}
.evtSate td .day_wrapper_pop .is_feature
{
    height: 38px;
    background: url(images/feature_event.gif) no-repeat center;
}
.evtSate td .day_wrapper_pop_left .not_feature
{
    height: 38px;
}
.evtSate td .day_wrapper_pop_left .is_feature
{
    height: 38px;
    background: url(images/feature_event.gif) no-repeat center;
}
.tooltipst
{
    padding:10px;
}
.tooltipst div
{
    padding-bottom: 5px;
}
.tooltipst div a
{
    color:#551900;
    margin: 5px 5px 5px 0;
}
.special_event
{
    color: #551900;
    text-align: right;
    font-style: italic;
}
.special_event p
{
    color: #551900;
    text-align: right;
    font-style: italic;
    width: auto;
    margin: 20px 0;
    float: right;
    padding:0 55px 0 15px;
    background: transparent url(images/feature_event.gif) no-repeat scroll 0 4px;
}
/*********************/

/*******************/
/*** Detail View ***/
/*******************/
#tblDetailView .firstCol
{
    padding-left: 25px;
    width: auto;
    vertical-align: top;
    min-width: 450px;
}
#tblDetailView .firstCol img
{
    width:452px;
}
#tblDetailView .secondCol
{
    padding-left:25px;
    width: auto;
    text-align: left;
    vertical-align: top;
}
#tblDetailView .secondCol div.export
{
    text-align:right;
}
#tblDetailView .secondCol div.event_title
{
    color: #521800;
    font-size: 27px;
    margin: 0;
    padding: 0;
    line-height: 30px;
}
#tblDetailView .secondCol div.event_date
{
    color: #c13721;
    font-size: 20px;
    font-style:normal;
}
#tblDetailView .secondCol div.venue
{
    padding: 5px 0 10px 0;
    color: #551900;
    font-style:italic;
    font-weight:bold;
}
#tblDetailView .secondCol div.content
{
    width: 415px;
}
#tblDetailView .secondCol div.content div.direction
{
    float: right;
    margin-bottom:15px;
    margin-left:10px;
}
#tblDetailView .secondCol div.content div.direction a
{
    text-decoration: none;
	color: #551900;
	padding-left: 15px;
    background: transparent url(images/feature_event.gif) no-repeat scroll 0 2px;
    margin: 10px 0 0 10px;
    display: block;
}
#tblDetailView .secondCol a.view_calendar
{
    text-decoration: none;
	color: #551900;
	padding-left: 15px;
    background: transparent url(images/feature_event.gif) no-repeat scroll 0 2px;
    display: block;
}
#tblDetailView .secondCol div p
{
    width: auto;
    margin: 0 0 12px 0;
}
#tblDetailView .secondCol table.moreinfo
{
    margin-bottom: 5px;
}
#tblDetailView .secondCol table.moreinfo td
{
    vertical-align:top;
}
#tblDetailView .secondCol table.moreinfo td.phone img
{
    width: 215px;
}
.evtLinks, .evtLinks a:link, .evtLinks a, .evtLinks a:visited, .evtLinks a:hover
{
	font-weight: normal;
	background: transparent url(images/feature_event.gif) no-repeat scroll 0 2px;
	margin-left: 0px;
	margin-right: 0px;
	text-decoration: none;
	color: #551900;
	padding-left: 15px;
}
.tblNotify
{
    width: auto; 
    margin-left: 507px;
}
.tblNotify td
{
    padding-right: 10px;
}
/* Note use of "!important" to override Inline Style */
span.select 
{
	position: absolute;
	width: 122px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height:16px;
	color: #C0341E;
	overflow: hidden;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 6px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 8px;
	background-image: url(images/select.jpg);
	background-repeat: no-repeat;
	_display:none;
	text-align:left;
}
option.dropdownlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aaaaaa;
	background-color:#ffffff;
}
select.styled {
    height:32px;
    font-size:12px;
    border:none;
    color: #C0341E;	
    background-color:#ffffff; 
    position: relative; 
    width: 155px; 
    opacity: 0; 
    filter: alpha(opacity=0); z-index: 5; 
}

span.select2
{
	position: absolute;
	width: 60px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	color: #C0341E;
	overflow: hidden;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 8px;
	background-image: url(images/select2.jpg);
	background-repeat: no-repeat;
	_display:none;
	text-align:left;
}
select.styled2 {
    height:32px; 
    font-size:12px; 
    border:none; 
    color: #C0341E;	
    background-color:#ffffff; 
    position: relative; 
    width: 73px; 
    opacity: 0; 
    filter: alpha(opacity=0); 
    z-index: 5; 
}

/* Note use of "!important" to override Inline Style */
.evtSelDay
{
    border-right: red 2px solid;
    border-top: red 2px solid;
    border-left: red 2px solid;
    border-bottom: red 2px solid;
}

.evtSelector
{
	background-color: #7BB6D6;
}
.evtSelector a,
.evtSelector a:visited,
.evtSelector a:hover
{
	color: #0000ff;
	text-decoration: none;
}

.evtDay a, .evtToday a, .evtOtherMonDay a, .evtSelDay a
{
	display:block;
    width:90%;
}


/* The following control the Calendar List View Style-Look */
.ListImage
{
    float:left;
    display:block;
    padding:5px;
}

.ListHeader
{
	font-weight: bold;
	font-size: 18px;
	font-family: Arial;
	height: 25px;
	text-align: left;
	width: 100%;
}

.ListEventDate, .ListEventDate span
{
    padding-top:5px;
    padding-left:2px;
    width:180px;
    height: 20px;
    vertical-align:middle;
}
.ListTitleRow
{
	font-size: 15px;
	font-family: Arial;
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
	background-color: #f1f4f4;
	height: 30px;
	padding-top: 0px;
	padding-bottom: 1px;
}

.ListTitle
{
    padding-top:5px;
    padding-left:5px;
    height: 22px;
    vertical-align:middle;
}

.ListTitleBig
{
	vertical-align: middle;
	font-size: 20px;
	font-family: Arial;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	height: 25px;
	padding-top: 3px;
	padding-bottom: 1px;
	color: #4085bf;
}
.ListTitleSmall
{
	font-size: 16px;
	font-family: Arial;
	text-align: left;
	padding-top: 3px;
	color: #4085bf;
}
.ListContent
{
    padding-top:5px;
}
.ListContent p
{
    width: 90%;
}
.ListBtn
{
    padding-top:10px;
}


/* The following control the Calendar Day View Style-Look */

.dvTime, .dvTime td
{
	height: 20px;
	white-space: nowrap;
	width: 40px;
	font-size: 10px;
	font-family: Verdana, Arial;
	text-align: right;
	vertical-align: top;
	border-right: 1px solid;
	border-bottom: 0px;
}

.dvTime2, .dvTime2 td
{
    height: 20px;
    border-right: 1px solid;
    border-bottom: 1px dotted;
}

.dvNoEvent, .dvNoEvent td
{
    height: 20px;
    border-bottom: 1px dotted !important;
}

.dvTable
{
    border-collapse:collapse;
    border-right: #659FC0 2px solid;
    border-bottom: #659FC0 2px solid;
    border-left: #659FC0 2px solid;
    border-top: #659FC0 2px solid;
    width:100%;
}
.dvTable td
{
}

.dvEvent, .dvEvent td
{
    border-right: #ffff00 1px solid;
    border-left: #ffff00 1px solid;
    background-color: #ccccff;
    font-size: 12px;
    font-family: Verdana, Arial;
    vertical-align:top;
}

.dvAllDay, .dvAllDay td
{
	border-bottom: #659FC0 2px solid;
	font-size: 12px;
	font-family: Verdana, Arial;
	padding-bottom: 8px;
	padding-top: 8px;
}

/* The following control the Satellite Module Style-Look */

.slEvent
{
    table-layout: auto;
    font-size: 12px;
    width: 200px;
    font-family: Verdana;
    border-right: #659FC0 1px solid;
    border-bottom: #659FC0 1px solid;
    border-left: #659FC0 1px solid;
    border-top: #659FC0 1px solid;
    background-color: white;
}
.slTitle, .slTitle td
{
	text-align: center;
	font-weight: normal;
	font-size: 15px;
	width: 100%;
	height: 20px !important;
	font-family: Verdana;
}

/* Note use of "!important" to override Inline Style */
/* Note use of "!important" to override Inline Style */

/* The following control the tool bar Style-Look */

/* Drop down list on the tool bar */

.evtCat
{
   
}
.evtSubCal
{
   
}
.evtMonSel
{
   
}
.evtYrSel
{}

/* Search box */
.evtSearchTxt
{
}

.vTable
{
    width:380px;
}

.vTitle
{
	font-size: 18px;
	font-weight: bold;
	font-family: verdana;
	height: 20px;
	color: #4085bf;
	border-bottom: 1px dotted;
	padding-top: 5px;
	padding-bottom: 5px;
}
.vRow
{
    height: 24px;
    border-bottom: 1px dotted;
    padding-top: 5px;
    padding-bottom: 2px;
    width:380px;
}
.vCap, .vCap span
{
	font-size: 15px;
	font-weight: bold;
	font-family: verdana;
	padding-right: 10px;
	width: 100px;
	color: #88a0ad;
}

.vContent, .vContent span
{
    font-size: 15px;
    font-family: verdana;
    width: 280px;
}

.vDesc
{
    font-size: 15px;
    font-family: verdana;
    padding-top: 1px;   
}

.regCap
{
    font-size: 12px;
    font-family: verdana;
    height: 25px;
    width: 150px;
    text-align: right;
}

.regCap1
{
    font-size: 12px;
    font-family: verdana;
    height: 25px;
    width: 150px;
    text-align: right;   
}
.regCtl
{
    width: 440px;   
}

.evtCap
{
	width: 180px;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
}

.evtCap1
{
    font-size: 12px;
    font-family: arial;
    text-align: right;
    width: 180px;
}

.evtCap2
{
    font-size: 12px;    
    font-family: arial;
    vertical-align: top;
}

.evtCtl
{
   width: 680px;
}

.evtTbl
{
	width: 860px;
	font-size: 17px;
	font-family: verdana;
}


.regFees
{
    padding-top: 5px;
    border-bottom: 1px dashed;
    font-family: Arial;
    font-size: 17px;
    color: #4085bf;
    text-align: right;
}
.regTotalFees
{
	padding-top: 5px;
	border-bottom: 2px double;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #4085bf;
	text-align: right;
}

.calPubSpan
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    display: block;
    float: left;
    border-left: #cccccc 1px solid;
    width: 2.5em;
    margin-right: 5px;
    border-bottom: #cccccc 2px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background-position: right top;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-color: #ffffff;
}
.calPubMonth
{
    padding-right: 0px;
    display: block;
    padding-left: 0px;
    font-weight: bold;
    font-size: 0.7em;
    padding-bottom: 0px;
    margin: 0px;
    text-transform: uppercase;
    color: #ffffff;
    padding-top: 1px;
    background-position: center top;
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-color: #990000;
}
.calPubDate {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 1.1em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

.MyAttendee
{
	cursor:pointer;
}

.NormalHidden
{
	display:none;
}

.evtBar
{
	padding-bottom: 5px;
	height:25px;
}

.evtBarFilter
{
    float:left;
}
.evtBarBtn
{
	float:right;
	padding-right:10px;
}

.btnTop
{
	margin-left:2px;
	margin-right:2px;
	margin-bottom:0px;
}

.evtSearchBtn
{
		margin-bottom:12px;
}

.evtSearchTxt
{
	margin-bottom:5px;
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;	
}
.evtMonSel, .evtYrSel
{
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
.evtCat, .evtSubCal
{
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
.evtSel
{ 
  margin-bottom:0px;
  vertical-align:top;
}
.evtSearch
{ 
  vertical-align:top;
}
div.view_calendar 
{
text-align: right;
padding: 25px 30px 0 0; 
}
div.view_calendar a
{
background:transparent url(images/feature_event.gif) no-repeat scroll 0 2px;
color:#551900;
width::140px;
padding-left:15px;
text-decoration:none;
}