@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
 * ===================
 */

.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;
} 
.panelform.yui-panel .form-field.filter {
	margin-bottom:0;
	margin-top:20px;
}

.form-field.select-all {
	background-color:#F0F0F0;
	margin:-50px 0 0 -15px;
	padding:5px 10px;
	vertical-align:middle;
} 
.panelform.yui-panel .form-field.select-all {
	margin:-321px 0 0 1px;
	text-align:left;
} 
	
.calico {
	background:transparent url("../Images/button-sprite.png") no-repeat scroll 0px -288px;
	float:left;
	height:26px;
	margin-left:-205px;
	width:16px;
}

/* 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;
}
.panelform.yui-panel label.label-checkbox {
	float:left;
	line-height:13px;
	vertical-align:middle;
	width:auto;
}
.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;
}

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;
}


.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;
}
.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;
}
.panelform.yui-panel input[type="text"].input-long, .panelform.yui-panel textarea.input-long, .panelform.yui-panel select.input-long {
	width:320px;
}
.panelform.yui-panel textarea.input-long, .panelform.yui-panel select.input-long {
	width:195px;
}
.panelform.yui-panel select {
	width:auto;
}

/* End of input styles */


/*
 * BUTTONS
 * =======
 */ 
 
.button a {
	font-weight: bold;
	line-height: 32px;
	text-decoration: none;
	vertical-align: middle;
} 
.button:hover a {
	color: #ce3d0c;
} 

.button-bg {
	background: transparent url("../Images/button-sprite.png") scroll no-repeat 0px 0px;
	float: left;
	height: 36px;
	line-height: 32px;
	padding: 0px 5px;
	vertical-align: middle;
} 
.button:hover .button-bg {
	background-position:0px -36px;
} 

.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-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-icon-go {
	background: transparent url("../Images/button-sprite.png") scroll no-repeat right -72px;
	padding-right: 25px;
}
.button:hover .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*/