body {
}

.ajax-ddl, .ajax-ddl-inline
{
    height: 100%;
    overflow: hidden;
}

/* Modal Popup */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

#content .modalPopup {
	padding: 10px;
	width: 300px;
	border: dashed 2px Gray;
	background-color: White;
}
.modalItem
{
    overflow: hidden;
    height: 100%;
    margin: 15px 0px;
    text-align: center;
}
.modalItem ul
{
    margin: 0px 0px 0px 20px;
    padding: 0px;
}
.modalItem li
{
    margin: 0px;
    padding: 5px 0px;
}
#content .modalPopup .cancel
{
    overflow: hidden;
    height: 100%;
    text-align: right;
    margin: 15px 0px 0px 0px;
}
/* Inherits colour from styles.css h1 */
.modalHdr
{
    cursor: move;
    background-color: #FF40FF;
    color: White;
    border: solid 1px Silver;
    text-align: center;
    padding: 3px;
    margin-bottom: 12px;
}
.modalItem p.note
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

/* Animated online help */
#help
{
    display: none;
    width: 400px;
    height: auto;
    z-index: 2;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    border: solid 1px #CCCCCC;
    background-color: #FFFFFF;
    padding: 10px 10px 20px 10px;
    font-size: 12px;
}
#btnCloseParent
{
    float: right;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#flyout
{
    display: none;
    overflow: hidden;
    z-index: 2;
    background-color: #FFFFFF;
    border: solid 1px #D0D0D0;
}

#help h1
{
    margin-bottom: 15px;
}

/* Rating */
#content .rating
{
    margin: 4px 0px;
    padding-left: 35px;
}
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url("images/FilledStar.png");
}

.emptyRatingStar {
    background-image: url("images/EmptyStar.png");
}

.savedRatingStar {
    background-image: url("images/SavedStar.png");
}

/* Drop-Down Extender */
.select-activity
{
    width: 400px;
    cursor: pointer;
    border: dotted 2px #DDDDDD;
}
.select-activity:Hover
{
    border: solid 1px Transparent;
    padding: 1px;
}
.ajax-ddl
{
}
.ajax-ddl table.activity
{
    background-color: White;
    border: solid 1px #FF40FF;
}
.ajax-ddl a
{
    display: block;
    padding: 4px;
}
.ajax-ddl td:Hover
{
    background-color: #EEEEEE;
}
.ajax-ddl-inline .select-activity
{
    background-color: White;
}
#content .ajax-ddl td
{
    padding: 0px;
}

/* Inline collapsible panels */
.collapse
{
    cursor: pointer;
    color: White;
    background-color: #FF80FF;
    padding: 3px;
    height: 100%;
    overflow: hidden;
    border: solid 1px #E1E1E1;
}
.collapse .left
{
    width: 85%;
    float: left;
}
.collapse h4
{
    color: White;
}
.collapse .plus-minus
{
    float: right;
    width: 30px;
    text-align: center
}
.expand
{
    overflow: hidden;
    height: auto;
}