/*
Please make sure if you update the correspoding view to this css, to include the updates in the css and view
for the other view types because lots of ids and classes are shared between views because of the components.    
The components in javascript use the same classes on the different views because they are reused.
*/
.course-search-date-filter-container {
    float: left;
    width: 160px;
}

.course-search-date-filter-container ::-ms-clear {
    display: none;
}


#course-search-keyword-container {
    position: relative;
}

#course-search-keyword-container ::-ms-clear {
    display: none;
}

#course-search-keyword {
}

#course-search-keyword-clear {
    cursor: pointer;
}

#view-type-container {
    clear:both;
    float: right;
}

.view-type-item {
    float: right !important; 
    border: 1px solid transparent;
    padding: 1px;
    margin-left: 3px;
    opacity: 0.5;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
}

.view-type-item:hover {
    opacity: 1.0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1.0;
    /* Safari 1.x */
    -khtml-opacity: 1.0;
}

#view-type-container .active {
    opacity: 1.0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1.0;
    /* Safari 1.x */
    -khtml-opacity: 1.0;
    color: white;
}

#view-type-container img {
    vertical-align: top;
}

#view-type-grid {
    cursor: pointer;
}

#view-type-tile {
    cursor: pointer;
}

#browse-course-title {
	float: left;
	text-align: left;
	color:#333333;
	font-size: 18px;
	font-family: Arial;
	font-weight: normal;
}

#membershiptype-container {
    float: right;
    color: #999;
    position: relative;
    top: -30px;
}