
/*Copy of the original 'header-body' styles from the layout.css which i placed here and renamed it to 'index-header-body'*/
#index-expandable-container {
    background-color: #000000;
    background-repeat: repeat;
    border-radius: 10px 10px 10px 10px;
	-moz-border-radius:10px;
    box-shadow: 0 0 2px 4px darkslategrey;
    margin: 0 auto;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 999px;	
	}

#g_plus_box
{
    float: left;
    margin-left: 15px;
    margin-top: 7px;
}

#navbar-wrapper {
	float:left;
    background-color: #CCCCCC;
    height: 42px;
    position: fixed;
    width: 999px;
	margin-top:83px;
}

/*Custom content-container for index page div only */
#index-content-container
{
	width:989px;
	margin-left:5px;
	margin-top:120px;
	margin-bottom:45px;
	background-color:#ffffff;
	float:left;
	border-radius:10px;
	-moz-border-radius:10px;
	position: relative;
}
#faders_container
{
	background-color:#000000;
    height: 156px;
}

div.small {
    margin: 3px 0 5px 7px;
    min-width: 150px;
}
/* general front-widget style */

.front-widget {
    height: 100%;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    width: 644px;
}
	.front-widget h1, .front-widget h2 {
    color: blue;
    display: inline-block;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 5px;
	}

	.front-widget .box-content {
	margin-left:19px;
		padding: 4px 0px 4px 0px;
		overflow: hidden;
	/*	overflow-x: scroll; */ /* SCROLL BARS - use hidden or scroll */
	/*	overflow-y: hidden; */
	    width: 922px;
        height: 100px;
        background-color: grey;
	    border: 15px solid #000000; /* widget border color */
	}

	.front-widget .link_more {
	background: url("../images/link_more.gif") no-repeat scroll right top transparent;
    height: 22px;
    margin-left: 630px;
    text-indent: -90px;
    width: 22px;
	}

	.front-widget .link_more:hover {
		background-position: top right;
	}

	
.thumb1 {
    border: 1px solid #000000;
    box-shadow: 4px 4px 4px 0 gray;
    max-height: 50px;
    max-width: 50px;
}	

	
#index-login-box
{
    float: right;
    margin-right: 10px;
}	
#index-login-box h2
{
    color: red;
    font-size: 12px;
    padding-bottom: 5px;
	padding-top: 5px;
    text-align: center;
}
	
/* Description box */

#description {
	margin: 18px 0;
	overflow: hidden;
	font-size: 14px;
}

	* html #description .description-box {
		height: 78px;
	}
	#description .description-box {
		min-height: 78px;
		float: left;
		background-position: top right;
		background-repeat: no-repeat;
	}

	#description .description-box h3 {
		margin: 0px;
		padding: 0px;
	}

	#description-search {
		width: 106px;
		padding-right: 122px;
		background-image: url('../images/description-search.gif');
	}

	#description-meet {
		width: 103px;
		padding: 0 120px 0 20px;
		background-image: url('../images/description-meet.gif');
	}

	#description-have-fun {
		width: 102px;
		padding: 0 112px 0 20px;
		background-image: url('../images/description-have-fun.gif');
	}

	#description #description-more {
		min-height: 40px;
		clear: both;
		float: none;
	}

	* html #description #description-more {
		height: 40px;
	}

	#sign-up-now {
		display: block;
		float: right;
		width: 126px;
		height: 41px;
		margin-right: -5px;
		background-image: url('../images/link-sign-up.gif');
		background-position: top;
		text-indent: -9999px;
	}

	#sign-up-now:hover {
		background-position: bottom;
	}

/* Search box */

* html #search {
	margin-top: 18px;
}
#search {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
}

	#search dl {
		overflow: hidden;
		padding-bottom: 5px;
	}

	#search dt {
		font-size: 14px;
	}

	#search dd {
		padding: 0px;
	}

		#search dd input, #search dd select, #search dd label {
		font-family: Arial, Helvetica, sans-serif;
		}

		#search dd label {
			margin: 0 3px 0 3px;
		}

		#search .smart_table li {
			width: 37%;
		}

	#search fieldset {
		margin: 0 0 7px 0;
	}

	#search select.big_select {
		width: 100%;
	}

	* html #search fieldset.distance input {
		width: 43px;
	}

	/*zip code*/
	#row_field_50_zip select {
		width: 35px;
	}

	#row_field_50_zip input {
		width: 35px;
	}

	#search .location_sub {
		margin: 0 !important;
	}
	#search .location_sub select {
		width: 100%;
	}

	#row_photo dt {
		float: left;
		padding-right: 10px;
		padding-top: 2px;
	}

	* html #row_photo dt {
		padding-right: 0px;
		padding-top: 0px;
	}

	#search .controls {
		border-top: 1px dashed #ccc;
		padding-top: 15px;
		margin: 10px 0 0;
		text-align: right;
	}

	#search fieldset.controls #search-btn {
		margin-right: -5px;
	}

	#search label, #search select, #search input {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	
/* Small user list used in video widgets */

#widg_new_videos .box-content {
		padding: 10px 0px 0px 0px;
		overflow: hidden;
		overflow-x: hidden; /* SCROLL BARS - use hidden or scroll */
		overflow-y: hidden;
	    width: 710px;
        height: 100%;
        background: #FFF;
	    border: 10px solid #f3f3f3; /* widget border color */
	}

#widg_new_videos .list_small {
	width: 720px;
	margin-left: -6px;
	padding: 0 0 5px;
	list-style-type: none;
	overflow: hidden;
}

#widg_new_videos .list_small li {
		float: left;
		width: 120px;
		margin-left: 10px;
		text-align: center;
		overflow: hidden;
	}

#widg_new_videos .list_small li.first {
		margin-left: 30px;
		clear: both;
	}

#widg_new_videos .list_small li p {
		display: none;
	}
	
#widg_new_videos .user_video {
		height: 90px;
		width: 120px;
 
	}

/* Content - latest members section */

* html .list_small {
	margin-left: -6px;
	width: 2000px;
	height: 1%;
}
.list_small {
	list-style-type: none;
	overflow: hidden;
	margin-left: 0px;
	margin-right:0px !important;
	padding:0;
}

	.list_small li {
		float: left;
		margin-top:0px;
		margin-bottom:5px;
		margin-left: 20px;
		margin-right:0px !important;
		padding:0;
		width:50px;
	}

	.list_small li.first {
		margin-top:0px;
		margin-bottom:5px;
		margin-left: 10px;
		padding:0;
		
	}
	
	#widg_new_members .member_link {
	display: none;
}
	
#widg_new_members .member_link {
	font-size: 11px;
}

/* Content - OS Tech Feed section */

#os_tech_feed .box-content {
		padding: 10px 0px 0px 0px;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: hidden;
	    width: 710px;
        height: 100%;
	    border: 10px solid #f3f3f3; /* widget border color */
	}


/* Content - Latest blogs section */

#widg_new_blogs .box-content {
		padding: 10px 0px 0px 0px;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: hidden;
	    width: 710px;
        height: 100%;
	    border: 10px solid #f3f3f3; /* widget border color */
	}

#widget_blogs {
	margin-top: 10px;
}

* html .blogs_small {
	margin-left: 20px;
	width: 650px;
	height: 1%;
}
.blogs_small {
	width: 650px;
	margin-left: 20px;
	padding: 0 0 5px;
	list-style-type: none;
	overflow: hidden;
}

.blogs_small li {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}

.blogs_small li.last {
	border-bottom: none;
}

.blogs_small .user_photo {
	float: left;
	margin: 0 10px 10px 0;
}

.blogs_small .blog-title {
	font-size: 13px;
	margin:0;
	padding:0;
}

.blogs_small strong {
	display: block;
	font-size: 11px;
}

.blogs_small p {
	margin: 10px 0;
}

.round-corner
{
border-radius:5px;
-moz-border-radius:5px;
}
#index-header-wrapper
{
    background-color: aqua;
    border-bottom: 1px solid #000000;
    width: 100%;
}
#index-header-area
{
margin: 0px 10px;
}
#index-header-area h1
{
   color: highlight;
    font-size: 13px;
    padding: 5px 0;
    text-align: center;
}

#index-text-wrapper
{
width:100%;
float:left;
}
#index-text-area
{
border-top:1px solid #cccccc;
margin: 0px 11px 16px 11px;
}
#index-text-area h2
{
color:blue;
font-size:14px;
padding-bottom:4px;
padding-top:7px;
}
#index-text-area p
{

}
#index-text-area a
{
text-decoration:underline;
}
#statcode
{
margin-left:297px;
}

#verifybox {
    float: right;
    margin-bottom: 7px;
    margin-right: 7px;
    margin-top: -39px;
}
#verifybox img
{
width:70px;
}
