/*---------------------------------------------
Sections:

1.GENERAL
2.GENERAL FORM
3.MENU RELATED
4.RESET/NEW PASS
5.PROFILE

---------------------------------------------*/


/* --- 1.GENERAL --------------------------- */

.error {
	display: block;
	float: left;
	padding: 1px 0 1px 5px;
	margin-bottom: 2px;
	font-size: 12px;
	color: #F00;
	border-left: 3px solid #F00;
}

textarea {
	width: 390px;
	height: 140px;
	margin-bottom: 10px;
	padding: 5px;
	font-family: arial, sans serif;
	font-size: 12px;
	overflow: auto;
	border: 1px solid #999;
}

input {
	padding: 1px 0 1px 5px;
	border: 1px solid #DADADA;
}

option {
	padding-left: 5px;
	color: #333;
}

.submit {
	display: block;
	float: left;
	margin-top: 5px;
	padding: 1px 5px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	background: #6C6;
	border: 1px solid #393;
	overflow: visible; /* keeps submit in IE (inc 7) from getting too wide */ 
}


/* --- 2.GENERAL FORM --------------------------- */

.user-form {
	float: left;
	width: 450px;
	height: auto;
	margin: 10px 0;
	padding-left: 10px;
	color: #666;
}

img#wt-logo {
	float: right;
}

.user-form h4 {
	display: block;
	margin-bottom: 5px;
	padding: 5px 0;
	font-size: 11px;
	font-weight: bold;
	color: #FEBA35;
}

.user-form p {
	display: block;
	float: left;
	width: 450px;
	height: auto;
	margin-bottom: 5px;
}

.user-form p em {
	font-style: italic;
}

.user-form p.large {
	margin-bottom: 15px;
}

.user-form .text {
	display: block;
	float: left;
	width: 200px;
	height: 15px;
	margin-top: 2px;
	padding: 1px 0 1px 5px;
}

.user-form .check {
	border: 0;
}

.user-form select {
	float: left;
	width: auto;
	height: auto;
	margin-bottom: 5px;
	color: #666;
	border: 1px solid #DADADA;
}

.user-form option {
	color: #666;
}


/* --- 3.MENU RELATED --------------------------- */

#menu #sign-in {
	float: left;
	width: 129px;
	height: auto;
	padding: 10px 0 5px 5px;
}
html>body #menu #sign-in {
	width: 130px;
}

#menu #sign-in .text {
	float: left;
	width: 110px;
	height: 15px;
	margin-bottom: 5px;
	color: #666;
}

#menu #sign-in a {
	display: inline;
	float: none;
	width: 120px;
	height: 14px;
	color: #666;
}

#menu form {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#menu #login-group {
	float: left;
	width: 134px;
	height: auto;
	color: #666;
	border: 1px solid #DADADA;
	border-top: 0;
}

#menu #signed-in #info {
	float: left;
	width: auto;
	height: auto;
	padding: 5px 0 5px 5px;
	font-size: 11px;
	color: #666;
}

#menu #signed-in #info em {
	font-weight: bold;
	color: #FEBA35;
}

#menu #signed-in #info a {
	float: left;
	width: auto;
	height: auto;
	margin: 5px 2px 0 0;
	padding: 1px 5px;
	font-size: 11px;
	text-decoration: none;
	color: #666;
	background: #DFDFDF;
	border: 1px solid #666;
}

#menu #signed-in #info a:hover {
	color: #FFF;
	background: #999;
}


/* --- 4.RESET/NEW PASS --------------------------- */

#reset-pass-form {
	float: left;
	width: 500px;
	height: auto;
	margin-left: 10px;
}

#reset-pass-form h4 {
	display: block;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #FEBA35;
}

#reset-pass-form strong {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

#reset-pass-form form {
	float: left;
	width: 250px;
}

h4#password {
	display: block;
	float: left;
	margin-left: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

h4#password strong {
	display: block;
	float: left;
	margin-top: 5px;
	font-size: 12px;
	color: #393;
}

#new-pass-form {
	float: left;
	width: 500px;
	height: auto;
	margin-left: 10px;
}

#new-pass-form h4 {
	display: block;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #FEBA35;
}

#new-pass-form p {
	display: block;
	float: left;
	width: 250px;
	height: auto;
	margin-bottom: 5px;
}

#new-pass-form strong {
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

#new-pass-form form {
	float: left;
	width: 250px;
}

#new-pass-form .text {
	margin: 1px 0;
}


/* --- 5.PROFILE --------------------------- */

#profile {
	display: block;
	float: left;
	width: 450px;
	height: auto;
	color: #666;
}

#profile h3 {
	display: block;
	float: left;
	width: 440px;
	margin: 3px 0;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FEBA35;
}

#profile #fr-container {
	display: block;
	float: left;
	width: 430px;
	margin: 3px 0 10px 0;
	padding: 5px 10px 10px 10px;
	border: 1px solid #EBEBEB;
}

#profile #fr-container h4 {
	display: block;
	float: left;
	width: 430px;
	margin-bottom: 5px;
	padding: 5px 0;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #EBEBEB;
}

#profile #fr-container h4 em {
	color: #FEBA35;
}

#profile #fr-container .fr-info {
	float: left;
	width: 410px;
	height: 75px;
	padding: 10px 0 0 20px;
}

#profile #fr-container .fr-info img {
	display: inline;	
	float: left;
	padding-right: 20px;
}

#profile #fr-container .fr-info p {
	display: inline;
	float: left;
	width: 335px;
}

#profile #fr-container .fr-info p strong {
	display: block;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #FEBA35;
}

#profile #profile-container {
	display: block;
	float: left;
	width: 430px;
	margin: 3px 0;
	padding: 5px 10px 10px 10px;
	font-size: 11px;
	background: #F7F7F7;
	border: 1px solid #EBEBEB;
}

#profile #profile-container h4 {
	display: block;
	float: left;
	width: 430px;
	margin-bottom: 5px;
	padding: 5px 0;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #EBEBEB;
}

#profile #profile-container p {
	display: block;
	float: left;
	width: 430px;
	height: 15px;
}

#profile #profile-container em {
	font-weight: bold;
}

#profile #profile-container a, #profile #profile-container a:hover {
	color: #FFF;
}