/* 
###############################################

	MJCMS v3
	Template: default

	LOGIN PAGE STYLES 
	
###############################################
*/

/* LOGIN PAGE */
body					{	background:url(/frontend/_lib/images/loginBG.jpg) left top repeat-x #FFFFFF; margin:0px; 
							font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:19px; color:#333333;}
body.groupSite			{	background:url(/frontend/_lib/images/loginBG.jpg) left top repeat-x #FFFFFF;}
						
a						{	text-decoration:none; border-bottom:dotted 1px; font-size:10px; color:#AFAFAF; }
a:hover					{	color:#D5201E; text-decoration:none; border-bottom:solid 1px; }

#login_outer			{	background:url(/frontend/_lib/images/loginBGimage.png) center -5px no-repeat; width:100%; min-height:400px;}
.groupSite	#login_outer { background:url(/frontend/_lib/images/loginBGimageGroup.png) center -5px no-repeat;}
#login_inner			{	margin:0 auto; width:990px; padding-top:200px;}

#login_form				{	margin:0px;}

#login_table			{	float:right; margin-right:50px;}
#login_table th			{	text-align:left; font-weight:normal; color:#999999; width:140px;}
#login_table th.error	{	font-weight:bold; color:#FF0000; width:140px; font-size:14px;}
#login_table td			{	width:180px; font-size:14px;}
#login_table td strong	{	padding-left:5px;}
#login_table td span	{	font-size:19px; color:#999999; line-height:28px; margin-left:-9px;}
#login_table td.txt		{	font-size:10px; color:#999999; padding:0px 0px 0px 34px;}
#login_table td.submit	{	padding:10px 40px 10px 30px;}
#login_table td img		{	margin:5px 0px 0px 0px; float:right; position:absolute;}
#login_table em			{	font-style:normal; color:#D5201E; font-weight:bold;}
#login_table a			{}

.notice					{	padding:15px; background-color:#D5201E; color:#FFF; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; 
							position:absolute; top:10px; width:890px; text-align:center;}
/* 
###############################################

	MJCMS v3
	Template: default

	FORM STYLES 
	
###############################################
*/

/* Generic Styles */
form										{	color:#333333;}
input										{	background:transparent url(/frontend/_lib/images/form_input.png) left top no-repeat; 
												width:225px; height:25px; border:none; padding:7px 10px 0px 10px; color:#CCC; outline:none;}
input.active,
textarea.active								{	color:#666;}
input.short									{	background:url(/frontend/_lib/images/form_input_short.png) left top no-repeat;
												width:105px; height:25px; border:none; padding:7px 10px 0px 10px;}
input.checkbox								{	background:none; outline:none; width:auto; height:auto; margin:0px 8px 0px 5px; padding:0px 0px 0px 0px;}
textarea									{	background-color:transparent; border:none; width:226px; height:50px; padding:7px 10px 8px 10px; margin:0px 0px 0px 0px; color:#666; 
												background:url(/frontend/_lib/images/form_textarea_narrow.png) left top no-repeat; outline:none; resize: none; }
textarea.med								{	background-color:transparent; border:none; width:295px; height:50px; padding:7px 10px 8px 10px; margin:0px 0px 0px 0px; color:#666; 
												background:url(/frontend/_lib/images/form_textarea.png) left top no-repeat; outline:none; }
textarea.big								{	background-color:transparent; border:none; width:380px; height:144px; padding:7px 10px 0px 10px; margin:0px 0px 0px 0px; color:#666; 
												background:url(/frontend/_lib/images/form_textarea_big.png) left top no-repeat; outline:none; }
textarea::-webkit-scrollbar-corner,
textarea::-webkit-scrollbar-track			{	background-color:transparent;}

span.text									{	padding-left:15px;}

label span									{	line-height:29px; vertical-align:top;}
/* Special checkboxes (added by JS) */
label.chk									{	float:left; height:32px; margin:0px 10px 0px 0px; padding:0px; cursor:pointer;}
label.chk div								{	background:url(/frontend/_lib/images/form_checkbox.png) 0px 0px no-repeat; float:left; outline:none;  
												width:32px; height:32px; line-height:1em; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
label.chk div.on							{	background-position:0px -32px;}
label.chk span								{	float:left; line-height:32px; padding:0px 0px 0px 0px;}

input.submit,
input.reset,
a.submit									{	float:left; clear:both; height:35px; 
												background:url(/frontend/_lib/images/button.png) left top no-repeat; 
												overflow:hidden; width:130px; text-align:center; border-bottom:none; line-height:35px; font-size:17px; color:#FFF; 
												vertical-align:middle; padding:0px 0px 3px 0px; text-decoration:none;}
input.submit:hover,
input.reset:hover,
a.submit:hover								{	background-position:left bottom; color:#D5201E; cursor:pointer; border:none;}

/* Select boxes */
.select-box *	{ outline:none;}
.select-box {
	cursor: default;
	background: url(/frontend/_lib/images/form_select.png) no-repeat;
	width:225px !important; height:26px !important; border:none; padding:5px 10px 0px 10px;  outline:none;
}
	.select-box:hover {  }

	.select-box a {
		display: block;
		padding: 1px 20px 2px 4px;
		margin: 1px 1px 2px 1px;
		white-space: nowrap;
		overflow: hidden;
		text-decoration:none;
	}
	.select-box-options {
		list-style: none;
		background: #fff;
		position: absolute;
		border: 1px solid #ccc;
		overflow-y: auto;
		margin:-66px 0px 0px 10px !important;
		min-width:205px;
		z-index: 690;
	}
	        .select-box-alt {  }
	        .select-box-options li {
				margin-bottom: 0;
				overflow: hidden;
				white-space: nowrap;
	        }
	        	.select-box-options li.optgroup>span { font-size: 105%; font-style: italic; }
	        	.select-box-options li>span { display: block; padding: 2px 5px; }
				.select-box-options li.selected { background-color:#D5201E !important; color: highlighttext !important; }
				.select-box-options li.disabled { color: gray; }

	.select-box-options ul { margin:0; padding:0; }
	.optgroup { margin: 4px 0 0 !important; }
	.select-box-options-group li>span {
		padding-left: 22px !important;
		width: auto;
	}