/*
 @ChangeDate:	$LastChangedDate: 2009-03-23 22:29:24 +0000 (Mon, 23 Mar 2009) $
 @Revision:		$Rev: 184 $
 @Author: 		$Id: form.css 184 2009-03-23 22:29:24Z philippryce $
*/

form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}

form input,
form textarea {
	width: 220px;
	border: 2px solid #c1c1c1;
	padding: 2px;
	font-size: 14px;
}
form select {
	width: 220px;
	padding: 2px;
}
form input.box {
	width: auto;
}
#sidebar form input,
#sidebar form select {
	width: 90%;
}
form input:focus,
form textarea:focus {
	outline: none;
	border-color: #A1292E;
}
form textarea {
	font-family: "Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
}
form button {}

form label {
	font-size: 13px;
	display: block;
}
form div.buttons {
	margin-top: 2px;
	overflow: auto;
}
form#search input {
	width: 70%;
}

ul.formList {
	margin: 0;
	padding: 0;
}
ul.formList li {
	margin: 0;
	padding: 0;
	overflow: auto;
	list-style: none;
}
ul.formList label {
	width: 20%;
	padding: 5px 1% 5px 0;
	text-align: right;
	font-weight: bold;
	float: left;
	font-size: 16px;
}
ul.formList input,
ul.formList textarea,
ul.formList select,
ul.formList .item {
	width: 60%;
	padding: 3px;
	font-size: 16px;
}
ul.formList div.help {
	margin-left: 21%;
	font-size: 15px;
	padding-bottom: 8px;
}
ul.formList div.help code {
	font-size: 13px;
}
ul.formList li.buttons {
	padding: 3px 3px 5px 21%;
}
ul.formList li.buttons a {
	font-size: 15px;
}
span.or {
	color: #888984;
	font-size: 14px;
	padding: 0 6px;
}

#lyrics {
	font-size: 13px;
}

.charsLeft {
	padding-left: 20px;
}

.lyricSelector {
	font-size: 13px;
	text-align: center;
}

.buttonrow {
	overflow: auto;
	padding: 15px 0 0 0;
}


.avatarUploader {
	overflow: auto;
	margin: auto;
	width: 70%;
}
.avatarUploader .avatarHolder {
	float: left;
	padding: 3px;
	margin: 5px;
}
.avatarUploader .info {
	margin-left: 66px;
	padding: 20px 0 0 0;
}
.avatarUploader .info ul {
	list-style: none;
	font-size: 13px;
}
.avatarUploader .buttons {
	margin-left: 66px;
}
.avatarUploader #upload {}

/* FORGIVE ME FOR I HAVE SINNED */
table.form {
	width: 100%;
}
table.form .label {
	text-align: right;
	vertical-align: top;
	padding-top: 4px;
	font-size: 13px;
	width: 30%;
}
table.form .input {
	text-align: left;
	vertical-align: top;
	width: 70%;
}
table.form input,
table.form textarea,
table.form select {
	width: 80%;
	border: 2px solid #c1c1c1;
	padding: 2px;
	font-size: 14px;
}
table.form input:focus,
table.form textarea:focus,
table.form select:focus {
	outline: none;
	border-color: #A1292E;
}

.buttonOn,
.buttonOn:visited {
	background: #66191d url(/style/images/button.png) top left no-repeat;
    height: 23px;
    display: block;
    line-height: 21px;
    margin: 1px 3px;
    padding: 0 0 0 8px;
    color: #eeeeeb !important;
    float: left;
    overflow: hidden;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
    text-shadow: rgba(0, 0, 0, 0.8) 0 1px 0;
    border: 0;
}
.buttonOn .buttonLabel,
.buttonOn:visited .buttonLabel {
    background: transparent url(/style/images/button.png) top right no-repeat;
    padding: 0 8px 0 0;
    margin: 0;
    height: 23px;
    line-height: 21px;
    display: block;
    float: left;
}
.buttonOn:hover,
.buttonOn:hover .buttonLabel {
	background-color: #8b2328;
    background-position: center left;
    text-shadow: rgba(0, 0, 0, 0.3) 0 1px 0;
    color: #fff;
    text-decoration: none;
}
.buttonOn:hover .buttonLabel {
    background-position: center right;
    background-color: transparent;
}
.buttonOn:active,
.buttonOn:active .buttonLabel {
    background-color: #a1292e;
    background-position: bottom left;
    text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 0;
    color: #fff;
    text-decoration: none;
}
.buttonOn:active .buttonLabel {
    background-position: bottom right;
    background-color: transparent;
}
.defaultButton {
    font-weight: bold;
}

/* IMAGES */
/*
.button,
.button:link {
    font: normal 13px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
    color: #000;
    background: #FFF url(/style/images/buttonBGV2.png) repeat-x top center;
    border: 2px solid #bbb;
    padding: 2px 9px;
    margin: 0;
    border-radius: 11px; 
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -o-border-radius: 11px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -khtml-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    text-decoration: none;
    text-shadow: rgba(255,255,255,1) 0 1px 0;
}
.buttonAlt,
.buttonAlt:link {
    color: #eeeeeb;
    background-color: #A1292E;
    text-shadow: #555652 0 -1px 0;
    border-color: #2d3436 !important;
}
.button b {
    font-weight: bold;
}
.button:hover {
    color: #000;
    border-color: #666;
}
.buttonAlt:hover {
    color: #fff;
}
.button:active {
    background-position: bottom center;
    border-color: #A1292E;
}
.button i {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -999em;
    vertical-align:text-bottom;
}
.largeButton {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 14px; 
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -o-border-radius: 14px;
}
.smallButton {
    font-size: 10px !important;
    padding: 3px 8px !important;
    border-radius: 10px !important; 
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}
.destructiveButton {
    margin: 0 0 0 25px !important;
}
.destructiveButtonBoth {
    margin: 0 25px !important;
}
*/