/* Browse Videos Pages */

#content-container .middle {
	background: #E7E7EB;
	width: 715px;
	margin-left: 35px;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	float: left;
	position: relative;
	}
.img {
	border: 1px solid #cccc99;
	padding: 2px;
	}
#IEroot .middle {
	margin-bottom: 10px;
	float: none;
	}
#content-container .middle .title1 {
	padding: 5px 0 5px 15px;
	width: 700px;
	}
#content-container .middle .title1 p {
	font-family: arial;
	font-size: 20px;
	color: #FFFFFF;
	}
#content-container .middle .title1 img {
	position: relative;
	top: -5px;
	left: 0px;
	}
#content-container .middle .row {
	background: #DDDDE1;
	width: 672px;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px 0 10px 10px;
	float: left;
	position: relative;
	min-height: 124px;
	height: expression( this.scrollHeight > 123 ? "124px" : "auto" );
	}
#IEroot .middle .row {
	float: none;
	}
#content-container .middle .row .image {
	float: left;
	width: 145px;
	padding: 2px 0 0 0;
	}
#IEroot .middle .row .image {
	padding: 2px 0 0 0;
	}
#content-container .middle .row .details {
	float: left;
	display: inline;
	width: 320px;
	}
#content-container .middle .row .border {
	width: 2px;
	background: #C9C9CD;
	background-repeat: repeat-y !important;
	height: 143px;
	float: left;
	padding: 0px 0 0px 0 !important;
	margin: -10px 0 -10px 0 !important;
	}
#IEroot .row .border {
	float: left;
	height: 154px;
	background-repeat: repeat-y !important;
	margin-bottom: -10px;
	}
#content-container .middle .row .right {
	padding: 27px 0 0 10px;
	width: 180px;
	float: left;
	}
#content-container .middle .row .right .line .left {
	width: 100px;
	float: left;
	}
#content-container .middle .row .line .right1 {
	max-width: 70px;
	width: expression( document.body.clientWidth > 69 ? "70px" : "auto" );
	float: left;
	overflow: hidden;
	}
.head {
	font-size: 20px;
	color: #fff;
	}
	
.head a{
	font-size: 20px;
	color: #cccc99;
	}

.text {
	font-size: 13px;
	color: #fff;
	padding: 8px 0 5px 0;
	}
.comment {
	font-size: 12px;
	text-align: right;
	position: absolute;
	bottom: 4px;
	right: 220px;
	}
.comment a {
	color: #cccc99;
	}
.line .left {
	text-align: right !important;
	}
.line .left p {
	font-size: 13px;
	color: #fff;
	padding: 0 10px 2px 0;
	float: right;
	}
.line .right1 {
	width: 100px;
	}
.line .right1 p {
	font-size: 13px;
	color: #fff;
	text-align: left;
	padding-bottom: 2px;
	}
.line .right1 a {
	color: #cccc99;
	}
	
#content-container .divi2 {
	background: #E1E1E5;
	height: 2px;
	width: 715px;
	position: absolute;
	left: 0;
	bottom: 25px;
	}
.divi2 p {
	color: #cccc99;
	}
#IEroot .divi2 {
	position: relative;
	bottom: -20px;
	font-size: 0px;
	}
#content-container .pages {
	float: right;
	background: #cccc99;
	width: 715px;
	text-align: right;
	padding: 30px 0 0px 0;
	}
#IEroot .pages {
	padding: 30px 0 15px 0;
	}
#content-container .pages p {
	color: #fff;
	font-family: arial;
	font-size: 12px;
	}
#content-container .pages a {
	color: #cccc99;
	}
#content-container .pages a.urhere {
	color: #FFFFFF;
	background: #cccc99;
	padding: 0 4px 0 4px;
	}

#content-container .new-right {
	margin-top: 30px;
	width: 182px;
	float: right;
	background: #ECEEFB;
	}
#IEroot .new-right {
	position: absolute;
	right: 0;
	top: 0;
	}
#content-container .new-right .refine {
	text-align: center;
	font-size: 16px;
	color: #988C8C;
	text-transform: capitalize;
	padding: 5px 0 7px 0;
	font-weight: bold;
	}
#content-container .new-right .video-type p select {
	margin-left: 8px;
	width: 150px;
	border: 1px solid #CCCCCC;
	font-family: arial;
	font-size: 13px;
	color: #61616B;
	padding: 1px 0 1px 0;
	margin-bottom: 10px;
	}
	
#content-container .new-right .sort-order p select {
	margin-left: 8px;
	width: 150px;
	border: 1px solid #CCCCCC;
	font-family: arial;
	font-size: 13px;
	color: #61616B;
	padding: 1px 0 1px 0;
	margin-bottom: 10px;
	}
#content-container .new-right .button {
	background: #cccc99;
	width: 142px;
	padding: 10px 0 0 40px;
	}
#content-container .new-right .button input.box {
	width: 100px;
	background: #cccc99;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	padding: 2px 0 2px 0;
	}
.border-title2 {
	width: 173px;
	background: #999999;
	padding: 2px 0 2px 0;
	margin: 0 0 7px 0;
	padding-left: 8px;
	}
p.border-title2 {
	color: #53535E;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: bold;
	text-align: left !important;
	}
	
/* Browse Events Page */

#content-container .middle2 {
	background: #000;
	min-height: 200px;
	width: 610px;
	margin-left: 75px;
	margin-right: auto;
	margin-bottom: 30px !important;
	margin-top: 40px;
	float: left;
	position: relative;
	}
#IEroot .middle2 {
	float: none;
	}
#content-container .middle2 .title2 {
	background: #cccc99 !important;
	width: 805px;
	}
#IEroot .middle2 .title2 {
	width: 805px;
	}
#content-container .middle2 .title2 p {
	font-size: 40px;
	color: #BEBCBE;
	text-transform: capitalize;
	padding: 20px 0 15px 0;
	}
#content-container .middle2 .title-left {
	width: 610px;
	background: #3A3A3A;;
	padding: 5px 0 5px 0;
	}
#content-container .middle2 .title-left p {
	color: #999;
	font-size: 18px;
	text-transform: capitalize;
	margin-left: 30px;
	}
#content-container .middle2 .row {
	background: #000;
	width: 550px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px 0 10px 10px;
	float: left;
	/* Set min-height instead of max height to display long images */
	min-height: 110px;
	/* max-height: 110px;
	height: expression( this.scrollHeight > 109 ? "110px" : "auto" );*/
	position: relative;
	}
#IEroot .middle2 .row {
	float: none;
	}
#content-container .middle2 .row .image {
	float: left;
	width: 145px;
	padding: 2px 0 0 0;
	}
#IEroot .middle2 .row .image {
	padding: 2px 0 0 0;
	}
#content-container .middle2 .row .mid {
	padding: 10px 0 0 0px;
	margin: 0 0 0 0;
	width: 220px;
	float: left;
	}
#content-container .middle2 .row .mid .line .left1 {
	width: 60px;
	float: left;
	padding: 0 10px 0 0;
	text-align: left !important;
	}
#content-container .middle2 .row .mid .line .right2 {
	max-width: 220px;
	float: left;
	}
.line .left1 {
	margin-top: 5px;
	text-align: left !important;
	}
.line .left1 p {
	font-size: 13px;
	color: #fff;
	padding: 0 10px 2px 0;
	float: left;
	}
.row .image a {
	float: left;
	font-weight: bold;
	font-size: 11px;
	margin-left: 30px;
	color: #cccc99;
	}
#IEroot .row .image a {
	padding-top: 3px;
	}
.line .right2 {
	margin-top: 5px;
	}
#IEroot .line .right2 {
	float: left;
	}
	
.line .right2 p {
	font-size: 13px;
	color: #fff;
	text-align: left;
	padding-bottom: 2px;
	}
.line .right2 a {
	color: #cccc99;
	}

.row .map-contain p a {
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	margin-right: 65px;
	color: #cccc99;
	}
.map-contain img {
	margin: 2px 0 0 0;
	border: 1px solid #000000;
	margin-left:-5px;
	}
.filter-options {
	float: left;
	margin: 20px 0 0 35px;
	}
#IEroot .filter-options {
	float: right;
	margin: 0px 0 0 0;
	position: relative;
	bottom: 140px;
	right: 45px;
	}
.filter-options p {
	text-align: left !important;
	font-size: 13px;
	color: #64666A;
	}
.filter-options p select {
	border: 1px solid #64666A;
	margin: 5px 0 5px 0;
	width: 145px;
	font-family: arial;
	font-size: 12px;
	}
#content-container .divi {
	background: #999;
	height: 2px;
	width: 610px;
	position: absolute;
	left: 0px;
	bottom: 24px;
	z-index: 3;
	}
.divi p {
	color: #cccc99;
	}
#IEroot .divi {
	position: relative;
	bottom: -20px;
	font-size: 0px;
	}
#content-container .pages2 {
	float: left;
	background: #4E4E50;
	width: 610px;
	text-align: right;
	padding: 30px 0 0px 0;
	position: relative;
	}
#IEroot .pages2 {
	padding: 30px 0 15px 0;
	}
#content-container .pages2 p {
	color: #999;
	font-family: arial;
	font-size: 12px;
	position: relative;
	right: 0px;
	}
#content-container .pages2 a {
	color: #cccc99;
	}
#content-container .pages2 a.urhere {
	color: #999;
	background: #cccc99;
	padding: 0 4px 0 4px;
	}

/* Browse Groups CSS */


#content-container .middle2 .row .group-details {
	float: left;
	display: inline;
	width: 205px;
	}
#IEroot .middle2 .row .group-details {
	width: 195px;
	}
#content-container .middle2 .row .group-right {
	float: left;
	width: 180px;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	}
#IEroot .middle2 .row .group-right {
	width: 200px;
	margin-left: 0;
	float: right;
	}
#IEroot .middle2 .row .group-right .line {
	float: left;
	}
#content-container .middle2 .row .group-right .line .left1 {
	margin-top: 22px;
	margin-left: 20px;
	float: left;
	width: 90px;
	}
.group-right .line .left1 p {
	font-size: 12px;
	color: #fff;
	padding: 0 10px 2px 0;
	float: right !important;
	}
#content-container .middle2 .row .group-right .line .left1 p {
	text-align: right !important;
	}
#content-container .middle2 .row .group-right .line .right2 {
	margin-top: 22px;
	float: left;
	width: 70px;
	}
#content-container .middle2 .row .group-right .line .right2 p {
	font-size: 12px;
	}
.gtext {
	font-size: 13px;
	color: #64666A;
	padding: 3px 0 5px 0;
	}
.border2 {
	width: 2px;
	background: #C9C9CD;
	background-repeat: repeat-y;
	height: 110px;
	float: left;
	padding: 0px 0 20px 0;
	margin: -10px 0 0 8px;
	}
#IEroot .border2 {
	height: 111px;
	float: left;
	margin-bottom: -10px;
	}

/* Appended Right Side Style */
#content-container .right-pane {
	background: #000;
	width: 224px;
	min-height: 200px;
	float: none;
	margin: 40px 0 0 0;
	position: absolute;
	clear: left;
	right: 0;
	}
#IEroot .right-pane {
	position: absolute;
	float: right;
	top: 0px;
	right: 0px;
	}
#content-container .right-pane p.right-title {
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	padding: 5px 0 7px 0;
	font-weight: bold;
	}
#content-container .right-pane p {
	color: #fff;
	font-size: 12px;
	}
#content-container .right-pane .group-type {
	margin-bottom: 7px;
	}
#content-container .right-pane .group-type p.gstyle {
	margin-left: 8px;
	margin-bottom: 5px;
	}
#content-container .right-pane .group-type p.gstyle select {
	width: 180px;
	border: 1px solid #CCCCCC;
	font-family: arial;
	font-size: 13px;
	color: #61616B;
	padding: 1px 0 1px 0;
	}
#content-container .right-pane .gstyle input {
	width: 151px;
	border: 1px solid #CCCCCC;
	font-family: arial;
	font-size: 13px;
	color: #61616B;
	padding: 1px 0 1px 0;
	}
#content-container .right-pane .location {
	margin-bottom: 8px;
	}
#content-container .right-pane .location p select {
	margin: 0 0 0 8px;
	width: 180px;
	border: 1px solid #CCCCCC;
	font-family: arial;
	font-size: 13px;
	color: #61616B;
	padding: 1px 0 1px 0;
	margin-bottom: 5px;
	}
#content-container .right-pane .location p.l-style {
	margin-left: 8px;
	}
#content-container .right-pane .location input {
	width: 151px;
	border: 1px solid #CCCCCC;
	font-family: arial;
	font-size: 13px;
	color: #61616B;
	padding: 1px 0 1px 0;
	}
#content-container .right-pane .sort {
	margin-bottom: 8px;
	}
#content-container .right-pane .sort p select {
	margin-left: 8px;
	width: 180px;
	border: 1px solid #CCCCCC;
	font-family: arial;
	font-size: 13px;
	color: #61616B;
	padding: 1px 0 1px 0;
	margin-bottom: 5px;
	}


#content-container .right-pane .button {

	width: 165px;
	padding: 10px 0 0 60px;
	}
#content-container .right-pane .button input.box {
	width: 100px;
	background: #cccc99;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	padding: 2px 0 2px 0;
	}
.border-title {
	width: 216px;
	background: #999999;
	padding: 2px 0 2px 0;
	margin: 0 0 7px 0;
	padding-left: 8px;
	}
p.border-title {
	color: #53535E;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: bold;
	text-align: left !important;
	}
#content-container {
	margin:0px 0 0 0;
	padding: 0;
	width: 980px;
	position: relative;
	clear: both;
	z-index:10;
	}		
	
.sub-row {
	background: #000;;
	width: 550px;
	margin-left: 28px;
	margin-top: 20px;
	margin-bottom: -27px;
	padding: 5px 0 5px 10px;
	max-height: 90px;
	height: expression( this.scrollHeight > 109 ? "110px" : "auto" );
	position: relative;
	}
.sub-title p {
	color: #FFFFFF;
	font-size: 18px;
	text-transform: capitalize;
}	
.urhere {
	color: #FFFFFF;
	background: #cccc99;
	padding: 0 4px 0 4px;
	}
#content-container .middle2 .row-created {
	background: #000;
	width: 550px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px 0 10px 10px;
	float: left;
	/* Set min-height instead of max height to display long images */
	min-height: 120px;
    /* max-height: 120px;
	height: expression( this.scrollHeight > 109 ? "120px" : "auto" );*/
	position: relative;
	}
#IEroot .middle2 .row-created {
	float: none;
	}
#content-container .middle2 .row-created .image {
	float: left;
	width: 200px;
	padding: 2px 0 0 0;
	}
#IEroot .middle2 .row .image {
	padding: 2px 0 0 0;
	}
#content-container .middle2 .row-created .mid {
	padding: 10px 0 0 0px;
	margin: 0 30px 0 0;
	width: 200px;
	float: left;
	}
#content-container .middle2 .row-created .mid .line .left1 {
	width: 60px;
	float: left;
	padding: 0 10px 0 0;
	text-align: left !important;
	}
#content-container .middle2 .row-created .mid .line .right2 {
	max-width: 220px;
	float: left;
	}
.line .left1 {
	margin-top: 5px;
	text-align: left !important;
	}
.line .left1 p {
	font-size: 13px;
	color: #fff;
	padding: 0 10px 2px 0;
	float: left;
	}
.row-created .image a {
	font-weight: bold;
	font-size: 11px;
	margin-left: 30px;
	color: #cccc99;
	}
#IEroot .row-created .image a {
	padding-top: 3px;
	}
.row-created .map-contain p a {
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	margin-right: 45px;
	color: #cccc99;
	}
.row-created .cancel {
	font-weight: bold;
	font-size: 11px;
	color: #cccc99;
	}
#content-container .middle2 .row-attending {
	background: #000;
	width: 550px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px 0 10px 10px;
	float: left;
	/* Set min-height instead of max height to display long images */
	min-height: 120px;
    /* max-height: 120px;
	height: expression( this.scrollHeight > 109 ? "120px" : "auto" );*/
	position: relative;
	}
#IEroot .middle2 .row-attending {
	float: none;
	}
#content-container .middle2 .row-attending .image {
	float: left;
	width: 200px;
	padding: 2px 0 0 0;
	}
#IEroot .middle2 .row .image {
	padding: 2px 0 0 0;
	}
#content-container .middle2 .row-attending .mid {
	padding: 10px 0 0 0px;
	margin: 0 30px 0 0;
	width: 200px;
	float: left;
	}
#content-container .middle2 .row-attending .mid .line .left1 {
	width: 60px;
	float: left;
	padding: 0 10px 0 0;
	text-align: left !important;
	}
#content-container .middle2 .row-attending .mid .line .right2 {
	max-width: 220px;
	float: left;
	}
.line .left1 {
	margin-top: 5px;
	text-align: left !important;
	}
.line .left1 p {
	font-size: 13px;
	color: #fff;
	padding: 0 10px 2px 0;
	float: left;
	}
.row-attending .image a {
	float: left;
	font-weight: bold;
	font-size: 11px;
	margin-left: 30px;
	color: #cccc99;
	}
#IEroot .row-attending .image a {
	padding-top: 3px;
	}
.row-attending .map-contain p a {
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	margin-right: 45px;
	color: #cccc99;
	}
#content-container .middle2 .row-friends {
	background: #000;
	width: 550px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px 0 10px 10px;
	float: left;
	/* Set min-height instead of max height to display long images */
	min-height: 120px;
	/* max-height: 120px;
	height: expression( this.scrollHeight > 109 ? "120px" : "auto" );*/
	position: relative;
	}
#IEroot .middle2 .row-friends {
	float: none;
	}
#content-container .middle2 .row-friends .image {
	float: left;
	width: 200px;
	padding: 2px 0 0 0;
	}
#IEroot .middle2 .row .image {
	padding: 2px 0 0 0;
	}
#content-container .middle2 .row-friends .mid {
	padding: 10px 0 0 0px;
	margin: 0 30px 0 0;
	width: 200px;
	float: left;
	}
#content-container .middle2 .row-friends .mid .line .left1 {
	width: 60px;
	float: left;
	padding: 0 10px 0 0;
	text-align: left !important;
	}
#content-container .middle2 .row-friends .mid .line .right2 {
	max-width: 220px;
	float: left;
	}
.line .left1 {
	margin-top: 5px;
	text-align: left !important;
	}
.line .left1 p {
	font-size: 13px;
	color: #fff;
	padding: 0 10px 2px 0;
	float: left;
	}
.row-friends .image a {
	float: left;
	font-weight: bold;
	font-size: 11px;
	margin-left: 30px;
	color: #cccc99;
	}
#IEroot .row-friends .image a {
	padding-top: 3px;
	}
.row-friends .map-contain p a {
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	margin-right: 45px;
	color: #cccc99;
	}
#content-container .pages2-event {
	width: 587px;
	text-align: right;
	padding: 0px 0 10px 0;
	position: relative;
	margin-bottom:10px;
	color: #fff;
	}
#IEroot .pages2-event {
	padding: 5px 0 5px 0;
	}
#content-container .pages2-event p {
	color: #fff;
	font-family: arial;
	font-size: 12px;
	position: relative;
	right: 0px;
	}
#content-container .pages2-event a {
	color: #cccc99;
	}
.small{
	font-size: 10px;
	color: #fff;
}
.no-event{
	text-align: left;
	margin:20px;
	font-weight: bold;
	font-size: 12px;
	color: #6F7075;
}
#content-container .middle2 .row-favorite {
	background: #000;
	width: 550px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px 0 10px 10px;
	float: left;
	/* Set min-height instead of max height to display long images */
	min-height: 120px;
	/* max-height: 120px;
	height: expression( this.scrollHeight > 109 ? "120px" : "auto" );*/
	position: relative;
	}
#IEroot .middle2 .row-favorite {
	float: none;
	}
#content-container .middle2 .row-favorite .image {
	float: left;
	width: 200px;
	padding: 2px 0 0 0;
	}
#IEroot .middle2 .row .image {
	padding: 2px 0 0 0;
	}
#content-container .middle2 .row-favorite .mid {
	padding: 10px 0 0 0px;
	margin: 0 30px 0 0;
	width: 200px;
	float: left;
	}
#content-container .middle2 .row-favorite .mid .line .left1 {
	width: 60px;
	float: left;
	padding: 0 10px 0 0;
	text-align: left !important;
	}
#content-container .middle2 .row-favorite .mid .line .right2 {
	max-width: 220px;
	float: left;
	}
.line .left1 {
	margin-top: 5px;
	text-align: left !important;
	}
.line .left1 p {
	font-size: 13px;
	color: #fff;
	padding: 0 10px 2px 0;
	float: left;
	}
.row-favorite .image a {
	float: left;
	font-weight: bold;
	font-size: 11px;
	margin-left: 30px;
	color: #cccc99;
	}
#IEroot .row-favorite .image a {
	padding-top: 3px;
	}
.row-favorite .map-contain p a {
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	margin-right: 45px;
	color: #cccc99;
	}
.favLink {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #cccc99;
	}