@charset "utf-8";
/*
 * CSS Document by Jeffrey Ouma.
 * Copyright© 2008 artkenya.net Ltd. All rights reserved.
 *
 * Description:Defines the styles for forms and form elements in cpanel.net 2.0.
 * Note:Styles preceded by an asterisk(*) are specific to IE6.
 * Styles in order of appearance.
 */ 

/*
 * GENERAL FORM STYLES
 * ===================
 */

#pictureeditor.yui-panel form {
	padding:0 15px;
}

.form-caption {
	color:#666666;
	font-size:85%;
}

p.form-caption {
	margin:0pt;
} 

.form-field, .form-field-indent {
	margin-bottom:15px;
} 
.form-field-indent, #captcha {
	margin-left:130px;
} 
#captcha {
	margin-bottom:15px;
} 

.panelform.yui-panel .form-field-indent {
	margin-left:70px;
}
.panelform.yui-panel .form-field.float-left {
	margin-right:25px;
}

.filter {
	line-height:22px;
	margin-top:10px;
	vertical-align:middle;
} 
#banners .bd .form-field.filter {
	margin-bottom:0;	
}
.panelform.yui-panel .form-field.filter {
	margin-bottom:0;
	margin-top:20px;
}

.form-field.select-all {
	background-color:#F0F0F0;
	left:0;
	padding:5px 10px;
	position:absolute;
	top:0;
	vertical-align:middle;
} 

.calico {
	background-position:0 -288px;
	height:26px;
	margin-left:-206px;
}

/* End of General Form styles */


/*
 * FORM STEPS
 * ==========
 */

.step, .active-step {
	margin-bottom:30px;
	text-align:left;
}
a.step-link {
	background-attachment:scroll;
	background-color:transparent;
	background-position-x:left;
	background-position-y:center;
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0px 5px 32px;
}
.panelform a.step-link {
	padding:0 0 0 10px;
}

.step-description {
	padding:0 20px 0 32px;
}

.active-step .step-content, .step .step-content {
	padding:10px 0px 15px 32px;
}
.panelform .active-step .step-content, .panelform .step .step-content {
	padding:0 0 0 20px;
}
.step .step-content {
	display:none;
}

/* End of Form Steps styles */


/*
 * HINTS & NOTIFICATIONS
 * =====================
 */

.hint {
	color:#666666;
	font-size:93%;
}
p.hint {
	margin:5px 0pt;
} 
.form-field .hint {
	font-weight:bold;
} 

.form-field-notification {
	float:left;
	height:20px;
	margin:1px 0px 0px 2px;
	overflow:visible;
	padding-left:20px;
	width:130px;
} 
.form-field-notification p {
	line-height:18px;
	margin:0pt;
	vertical-align:middle;
} 
.form-field-notification p.error {
	font-weight:bold;
} 

.error-notification {
	background:transparent url("../Images/error.png") no-repeat scroll 2px 1px;
} 
.status-notification {
	background:transparent url("../Images/loading-small.gif") no-repeat scroll 2px 1px;
} 
.success-notification {
	background:transparent url("../Images/success.gif") no-repeat scroll 2px 1px;
}

/* End of Hint & Notification styles */


/*
 * LABEL
 * =====
 */

label {
	float:left;
	font-weight:bold;
} 
label.label-left {
	line-height:21px;
	vertical-align:middle;
	width:130px;
}
.yui-panel label.label-left {
	text-align:left;
	width:70px;
}
label.label-checkbox {
	float:none;
	text-align:left;
	vertical-align:middle;
	width:auto;
}


.panelform.yui-panel label {
	line-height:21px;
	text-align:right;
	vertical-align:middle;
	width:70px;
}
#picturebrowser.panelform.yui-panel label {
	margin-right:10px;
	text-align:left;
}
.panelform.yui-panel label.label-checkbox {
	float:left;
	line-height:13px;
	vertical-align:middle;
	width:auto;
}
#picturebrowser.panelform.yui-panel label.label-checkbox {
	margin-top:4px;
}
.panelform.yui-panel .form-field.select-all  label.label-checkbox {
	float:none;
}
/* End of Label styles */


/*
 * INPUT
 * =====
 */

input[type="text"], input[type="password"], input[type="checkbox"], input[type="radio"], select, textarea {
	border:1px solid #CCCCCC;
	margin-bottom:0;
	margin-left:0;
	margin-top:3px;
}

form.mainform input[type="text"], form.mainform input[type="password"], 
form.mainform select, form.mainform textarea {
	float:left;
	margin-right:210px;
}
form.mainform input[type="text"].inline, form.mainform input[type="password"].inline, 
form.mainform select.inline, form.mainform textarea.inline {
	margin-left:-200px;
	margin-right:0px;
}

input[type="text"], input[type="password"], select {
	padding:1px 2px;
}

input[type="text"], select {
	width:210px;
} 
.filter select {
	clear:none;
	margin:0 0 0 5px;
}

textarea {
	padding-left:2px;
}

form.mainform input[type="text"].input-long, form.mainform textarea {
	margin:3px 0 0;
	width:420px;
}

input[type="text"].input-numeric, textarea.input-numeric {
	margin:3px 390px 0 0;
	width:30px;
} 

#securitycode {
	width:180px;
}

input[type="text"].input-error, input[type="password"].input-error, 
input[type="checkbox"].input-error, input[type="radio"].input-error, select.input-error, textarea.input-error {
	border:1px solid #CE3D0C;
	color:#CE3D0C;
	float:left;
	font-weight:bold;
}

input[type="checkbox"], input[type="radio"] {
	margin-top:0;
	vertical-align:middle;
}
.form-field.filter input[type="checkbox"] {
	margin-right:5px;
	margin-top:3px;
}

.panelform.yui-panel input[type="text"], .panelform.yui-panel input[type="password"], .panelform.yui-panel select, .panelform.yui-panel textarea  {
	clear:none;
	margin:0 0 0 10px;
}
#picturebrowser.panelform.yui-panel input[type="text"], #picturebrowser.panelform.yui-panel select, #picturebrowser.panelform.yui-panel textarea  {
	margin:0;
}
#picturebrowser.panelform.yui-panel textarea  {
	width:310px;
}

.panelform.yui-panel input[type="text"].input-numeric {
	margin:0 0 0 10px;
	width:30px;
}
.panelform.yui-panel input[type="checkbox"], .panelform.yui-panel input[type="radio"] {
	margin:0 5px 0 10px;
}
#picturebrowser.panelform.yui-panel input[type="checkbox"], #picturebrowser.panelform.yui-panel input[type="radio"] {
	margin:4px 5px 4px 0;
}
#picturebrowser.panelform.yui-panel .form-field-indent input[type="checkbox"], #picturebrowser.panelform.yui-panel .form-field-indent input[type="radio"] {
	margin-left:10px;
}

.panelform.yui-panel input[type="text"].input-long, .panelform.yui-panel textarea.input-long, .panelform.yui-panel select.input-long {
	width:320px;
}
#picturebrowser.panelform.yui-panel input[type="text"].input-long, .panelform.yui-panel textarea.input-long, .panelform.yui-panel select.input-long {
	width:195px;
}
.panelform.yui-panel select {
	width:auto;
}

#pictureeditor-caption {
	width:575px;
}

/* End of input styles */


/*
 * BUTTONS
 * =======
 */ 
 
.button:hover {
 	cursor:hand;
}
.button input.button-bg {
	background:transparent url("../Images/button-sprite.png") scroll no-repeat 0px 0px;
	border:medium none;
	color:#666666;
	float:left;
	font-weight:bold;
	height:36px;
	padding:0 5px 4px;
	vertical-align:middle;
} 
.button:hover input.button-bg {
	background-position:0px -36px;
	color:#CE3D0C;
} 

.button .button-left {
	background:transparent url("../Images/button-sprite.png") scroll no-repeat 0px -144px;
	float:left;
	height:36px;
	width:10px;
} 
.button:hover .button-left {
	background-position:0px -180px;
} 

.button .button-right {
	background:transparent url("../Images/button-sprite.png") scroll no-repeat 0px -216px;
	float:left;
	height:36px;
	width:7px;
} 
.button:hover .button-right {
	background-position:0px -252px;
} 

.button input.button-icon-go {
	background:transparent url("../Images/button-sprite.png") scroll no-repeat right -72px;
	padding-right:25px;
}
.button:hover input.button-icon-go {
	background-position:right -108px;
}


/* End of Button styles*/


/*
 * DATE PICKER
 * ===========
 * 
 */

.yui-skin-sam .yui-calcontainer .title {
	height:20px;
	line-height:20px;
}

.yui-skin-sam .yui-calcontainer {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#444444;
	font-size:93%;
	margin:10px 0pt 15px 0px;
}

.yui-skin-sam .yui-calendar {
	background-color:#FFFFFF;
}

.yui-skin-sam .yui-calendar td.calcell a {
	color:#666666;
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-left:-7.69em;
	padding:15px 6px 10px;
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav-y, 
.yui-skin-sam .yui-calcontainer .yui-cal-nav-m, 
.yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
	clear:left;
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav-m,
.yui-skin-sam .yui-calcontainer .yui-cal-nav-y {
	height:18px;
	margin-bottom:5px;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc {
	clear:none;
	margin:0pt;
	width:8em;
}


.yui-skin-sam .yui-calcontainer .yui-cal-nav label {
	line-height:18px;
	width:38px;
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
	margin-right:0;
	width:2.5em;
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn,
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
	background:transparent url("../Images/dialog-sprite.png") repeat-x scroll 0px -32px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 0px;
	margin:0 5px;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn:hover,
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default:hover {
	background:transparent url("../Images/dialog-sprite.png") repeat-x scroll 0px -58px;
	border-color:#E7E7E7;
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button,
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:0px 1px;
	color:#666666;
	font-size:100%;
	font-weight:bold;
	margin:0 -1px;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button:hover,
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button:hover {
	border-color:#E7E7E7;
	color:#CE3D0C;
}

/* End of Date Picker styles */


/*
 * YAHOO User Interface (YUI)
 * ==========================
 * These styles redefine and "reskin" some of the YUI classes and components to streamline them
 * with the theme of this site.
 */ 
 
.yui-skin-sam .yui-editor-container {
	border:1px solid #CCCCCC;
} 
.yui-skin-sam .yui-toolbar-container .yui-toolbar-subcont {
	border-bottom:5px solid #F2F2F2;
} 
.yui-skin-sam .yui-editor-container .dompath {
	border-top:2px solid #F2F2F2;
} 
.yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar {
	background:#F2F2F2 none;
} 
.yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar h2 {
	line-height:18px;
	vertical-align:middle;
} 
.yui-skin-sam .yui-toolbar-container .yui-push-button, 
.yui-skin-sam .yui-toolbar-container .yui-color-button, 
.yui-skin-sam .yui-toolbar-container .yui-menu-button, 
.yui-skin-sam .yui-toolbar-container .yui-push-button .first-child, 
.yui-skin-sam .yui-toolbar-container .yui-color-button .first-child, 
.yui-skin-sam .yui-toolbar-container .yui-menu-button .first-child, 
.yui-skin-sam .yui-toolbar-container .yui-push-button-disabled, 
.yui-skin-sam .yui-toolbar-container .yui-color-button-disabled, 
.yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled, 
.yui-skin-sam .yui-toolbar-container .yui-push-button-disabled .first-child, 
.yui-skin-sam .yui-toolbar-container .yui-color-button-disabled .first-child, 
.yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled .first-child,
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn,
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
	border-color:#CCCCCC;
}

/* End of YUI styles*/