
.clear-all
{
	width:auto;
	height:auto;
	clear:all;
}

/* REGISTRATION AND LOGIN STYLES START */

#login-container
{
	width:auto;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding-top:6em;
}

#login-inner-container
{
	width:475px;
	height:200px;
	margin:0 auto;
	text-align:center;
}

form#registration
{
	height: 340px;
	overflow:auto;
	margin-left:2%;
}

label, legend
{
	float: left;
	text-align: right;
	display: block;
	font-family:arial;
	font-weight:bold;
	padding:5px 5px 0 0;
}

label
{
	width:190px;
}

h3
{
	font-family:arial;
}

 input, select, textarea
{
	color: #eee;
	background: #333;
	border: 1px solid #eee
}

.login-submit
{
	padding:10px 0 10px 0;
}

.submit input
{
	color: #eee;
	background: #333;
	border: 2px outset #eee
}

.formDiv
{
	padding:2px;
}

.submit
{
	padding:8px 0 0 2px;
}

#content-registration
{
	background:transparent;
	color:#eee;
	width:auto;
	height:auto;
	border:0px solid #000;
	margin:0;
	padding:0;
}

.userMessage
{
	background:#cc0000;
	border:1px solid #ccc;
	color:#eee;
	padding:10px;
	width:50%;
}

fieldset#help
{
	width:38%;
	float:right;
	clear:left;
	margin-top: -30%;
	margin-right: 3%;
}

fieldset#registration
{
	width:50%;
	margin-left: 2px;
}

dl
{
	padding: 2px;
}

dt
{
	font-weight: bold;
}

dd
{

}

/* REGISTRATION AND LOGIN STYLES END */

/* PERSONAL HOMEPAGE STYLES START */

#content-personal-homepage
{
	background: transparent;
	scrollbar-face-color:#f9f9ff;
	scrollbar-shadow-color: #86858B;
	scrollbar-highlight-color:#f9f9ff;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color:#f9f9ff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #000;
	scrollbar-base-color:#f9f9ff;
	width:auto;
	height:auto;
	overflow:auto;
	height:auto;
	width:auto;
	text-align:left;
}

#highlights
{
	width:auto;
	height:345px;
	overflow:auto;
}

#personal-details
{
	padding:0 40px 0 10px;
	float:left;
}

#usr-msg-container
{
	float:left;
	width:auto;
}

#usr-msg
{
	font-weight:bold;
	clear:all;
	background:#a02e30;
	width:500px;
	height:auto;
	border:2px dashed #eee;
	padding:5px 5px 5px 5px;
}

#logout
{
	width:auto;
	text-align:right;
	padding-right:10px
}

#skills-container
{
	/*padding:2px 10px 10px 10px;*/
	float:left;
	width:575px !important;
	width:535px;
	/*height:auto;*/
}

#skills-header
{
	background:transparent;
	margin:2px;
	padding:2px;
	height:10px;
	width:auto;
}

#gss-player
{
	width:320px;
	height:285px;
	float:left;
	margin:0;
	padding:0;
	border:0;
}

.highlights-header
{
	background: transparent url('/local/common/images/white-brush-bg.gif') no-repeat top left;
	height:50px;
	width:230px;
	padding:13px 0 0 25px;
	margin-left:10px;
	color:#b1353d;
	font-weight:bold;
	font-size:1.4em;
}

.highlights-header-text
{
	height:auto;
	width:230px;
	padding:2px 0 0 10px;
}

.movie-demo-head
{
	float:left;
	font-weight:bold;
	font-size:1em;
	width:175px;
	padding-left:20px;
}

.upload-head, .view-head, .uploaded-head
{
	float:left;
	font-weight:bold;
	padding:0 10px 0 10px;
	width:100px;
}

.uploaded-head
{
	padding-left:0px;
}

.skills-elements
{
	background:transparent;
	margin:2px;
	padding:2px;
	height:10px;
	width:auto;
}

.pro-video
{
	float:left;
	font-weight:bold;
	font-size:1.5em;
	padding:5px 10px 0 15px;
	width:175px;
	height:35px;
	text-transform:uppercase;
	padding-top:10px;
}

.skill-upload
{
	float:left;
	padding:0 10px 0 20px;
	width:100px;
	padding-top:6px;
}

.user-video
{
	float:left;
	padding:0 0 0 15px;
	width:100px;
	padding-top:2px;
}

.video-status
{
	float:left;
	font-weight:bold;
	padding:0 10px 0 15px;
	width:100px;
}

.pd-label
{
	float:left;
	width:75px;
	clear:left;
}

.pd-item
{
	float:left;
	font-weight:bold;
}

#demo{
	font-weight: bold;
	text-align: center;
}

/* PERSONAL HOMEPAGE STYLES END */

div#top_menu
{
	position:absolute;
	top: 0px;
	width:970px;
	text-align: left;
	float:right;
	font-size: 0.8em;
	margin:0px;
	padding: 3px 0 0 0;
}

div#top_menu a
{
	color: #ddd;
	font-size: 1.2em;
	text-transform: uppercase;
}

div#top_menu a:hover
{
	color: #fff;
}

a.skill_links:link, a.skill_links:visited, a.skill_links:hover, a.skill_links:active
{
	color:#fff;
	text-decoration: none;
}

a.skill_links:hover
{
	color:#000;
	text-decoration: none;
}
