@charset "utf-8";
/*
 * CSS Document by Jeffrey Ouma.
 * Copyright© 2009 artkenya.net Ltd. All rights reserved.
 * 
 * Description: Defines common styles that are used by websites managed by CPANEL.NET 2.0
 * Note: Styles preceded by an asterisk(*) are specific to Internet Explorer 6 and 7. Where possible, styles are in order of appearance.
 */

span.clear {
	display:block;
}

a span {
	*cursor:hand;
}

table.alignment-table {
	width:auto !important;
}
table.alignment-table td {
	border:none !important;
}

/*
 * USER-DEFINED
 * ============
 * These styles are used in special instances to apply formatting and structural functions, 
 * e.g. clearing or hiding layers.
 */

.hide {
	display:none !important;
}
.invisible {
	visibility:hidden;
}
.clear {
	clear:both !important;
}
.clear-left {
	clear:left !important;
}
.clear-right {
	clear:right !important;
}
.float-left {
	float:left !important;
}
.float-right {
	float:right !important;
}
.inline-block {
  display:inline-block;
}
.center {
	text-align:center;
}

.error {
	color:#CE3D0C !important;
}
.hint {
  color:#999999;
}

.first-paragraph {
	margin:0 !important;
}

.round-corner {
	border-color:inherit !important;
	border-style:solid !important;
	border-width:0px 1px !important;
	margin:0 -1px !important;
}

.indent {
	margin-bottom:25px;
	margin-left:25px;
}

#paginator-content .paginator-record {
	background-color:#FFFFFF;	
}

/* End of User-defined styles*/


/*
 * IMAGES
 * ======
 * 
 */

a.image-wrapper, a.image-wrapper:hover {
	text-decoration:none;
}
.image-wrapper.align-left {
  clear:left;
	float:left;
	margin:0 10px 0 0;
}
.image-wrapper.align-left img, .image-wrapper.align-right img {
	float:left;
}
.image-wrapper.align-middle, .image-wrapper.align-middle .image-caption, .image-wrapper.align-middle .enlarge-caption {
	clear:both;
	display:block;
	margin:0 auto;
	text-align:center;
}
.image-wrapper.align-right {
	float:right;
	margin:0 0 0 10px;
}
.image-wrapper .image-caption, .image-wrapper .enlarge-caption {
	clear:left;
	float:left;
	font-size:93%;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
}
.image-wrapper.align-middle .image-caption, .image-wrapper.align-middle .enlarge-caption {
	float:none;
}

/* End of Images styles*/


/*
 * ICONS
 * =====
 */

.file-icon {
	background:transparent url("../Images/fileicon-sprite.gif") no-repeat scroll 0 0;
	float:left;
	height:16px;
	margin-right:5px;
	width:16px;
}
.file-icon.broken {
	background-position:-16px 0;
}
.file-icon.pdf {
	background-position:-32px 0;
}
.file-icon.doc, .file-icon.docx {
	background-position:-48px 0;
}
.file-icon.xls, .file-icon.xlsx {
	background-position:-64px 0;
}
.file-icon.ppt {
	background-position:-80px 0;
}
.file-icon.wmv {
	background-position:-95px 0;
}
.file-icon.mov {
	background-position:-111px 0;
}
.file-icon.mp3 {
	background-position:-127px 0;
}

a.file-link {
	margin-left:21px;
}
a.file-link.image-link {
	margin-left:0;
}
a.file-link .file-icon {
	display:inline-block;
	float:none;
	margin:0 5px 0 -21px;
	vertical-align:middle;
}

#getflashplayer {
	background:transparent url("../Images/getflashplayer.png") scroll no-repeat left top;
	display:block;
	float:left;
	height:31px;
	margin-right:10px;
	width:110px;
}

/* End of Icon styles*/


/*
 * PICTURES
 * ========
 */

a.thumbnail-link {
	float:left;
	text-decoration:none;
}
a.thumbnail-link .thumbnail-container {
	display:inline-block;
	position:relative;
}

a.thumbnail-link .thumbnail-container .thumbnail-wrapper {
	display:inline-block;
	margin:0pt auto;
}

a.thumbnail-link .thumbnail-container .thumbnail-checkbox {
	position:absolute;
}

a.thumbnail-link .thumbnail-container .thumbnail-caption {
	display:inline-block;
}
.thumbnail-container .thumbnail-wrapper .thumbnail {
	display:table-cell;
	padding:0px;
	vertical-align:middle;
	*display:block;
	*line-height:150px;
	*vertical-align:inherit;
}
.thumbnail-container .thumbnail-wrapper .thumbnail img {
	border:medium none !important;
	margin:0 auto;
	padding:0 !important;
}

/* End of Picture styles */


/*
 * DIALOG BOX
 * ==========
 */

#dialog-modal, #dialog-notice {
	text-align:left;
}
#dialog-modal {
	border:none;
}

#dialog-notice {
	opacity:0.85;
}

.yui-skin-sam .yui-panel {
	border-style:none;
}

#dialog-modal .hd, .yui-skin-sam .yui-panel .hd,
.yui-skin-sam .yui-calcontainer .title {
	background:#CE3D0C url("../Images/dialog-sprite.png") scroll repeat-x 0px 0px;
	border-style:none;
	color:#FFFFFF;
	font-size:100%;
}
#dialog-modal .hd, .yui-skin-sam .yui-panel .hd {
	height:32px;	/* The height depends on the height of the header background */
	line-height:32px;
	text-transform:uppercase;
}

.yui-skin-sam .container-close, .yui-skin-sam .yui-calcontainer .calclose {
	background:transparent url("../Images/dialog-sprite.png") no-repeat scroll 0px -84px;
	top:8px;
	width:28px;
}

#dialog-modal form {
	padding:0pt;
}
#dialog-modal .bd, .yui-skin-sam .yui-panel .bd  {
	border:none;
	color:#444444;
	font-size:93%;
}
#dialog-modal .bd {
	min-height:40px;
	padding:10px 20px 20px 10px;
}
.yui-skin-sam .yui-panel .bd  {
	background-color:#FFFFFF;
}

#dialog-modal .bd  .dialog-icon {
	float:left;
	height:48px;
	margin:0pt 10px 0pt 0pt;
	width:48px;
}

#dialog-modal .bd p {
	margin:10px 0px 0px 60px;
}
#dialog-modal .bd blockquote {
	margin:10px 10px 0px 70px;
}
#dialog-modal .bd ul {
	margin:10px 0px 0px 80px;
}

#dialog-modal .ft, .yui-skin-sam .yui-panel .ft {
	background-color:#FFFFFF;
	border:none;
}

/* Status Dialog */
#dialog-modal.status-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/loading.gif") no-repeat scroll 0px 0px;
	/*min-height:40px;*/
}
#dialog-modal.status-dialog .ft .button-group {
	text-align:right;
}


/* Error Dialog */
#dialog-modal.error-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -99px;
}

/* Success Dialog */
#dialog-modal.success-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -147px;
}

/* Info Dialog */
#dialog-modal.info-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -195px;
}

/* Question Dialog */
#dialog-modal.question-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -243px;
}

/* Next Icon */
.next-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -291px;
	height:48px;
	width:35px;
}
a:hover .next-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -387px;
}
a.disabled .next-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -483px;
}

/* Previous Icon */
.previous-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -339px;
	height:48px;
	width:35px;
}
a:hover .previous-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -435px;
}
a.disabled .previous-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -531px;
}

#pictureeditor .previous-icon, #pictureeditor .next-icon {
	display:block;
	margin:0 auto;
}

/*
 * DIALOG BOX BUTTONS
 * ==================
 */

#dialog-modal .ft .button-group, .yui-panel .bd .button-group {
	display:block;
	text-align:center;
}

#dialog-modal .ft .button-group .yui-button, .yui-panel .bd .button-group  .yui-button, 
.yui-dt-editor .yui-dt-button button, .yui-dt-editor .yui-dt-button button.yui-dt-default {
	background:transparent url("../Images/dialog-sprite.png") repeat-x scroll 0px -32px;
	border-color:#CCCCCC;
}
#dialog-modal .ft .button-group .yui-button-hover, .yui-panel .bd .button-group .yui-button:hover, 
.yui-dt-editor .yui-dt-button button:hover {
	background:transparent url("../Images/dialog-sprite.png") repeat-x scroll 0px -58px;
	border-color:#E7E7E7;
}
#dialog-modal .ft .button-group .yui-button .first-child, .yui-panel .bd .button-group  .yui-button .first-child {
	border-color:#CCCCCC;
}
#dialog-modal .ft .button-group .yui-button-hover .first-child, .yui-panel .bd .button-group  .yui-button:hover .first-child {
	border-color:#E7E7E7;
}

#dialog-modal .ft .button-group .yui-button button, .yui-panel .bd .button-group .yui-button button {
	font-weight:bold;
	height:26px;
	line-height:26px;
	margin:0 10px;
	outline: none;
	padding:0 15px;
	vertical-align:middle;	
}
#dialog-modal .ft .button-group .yui-button-hover button, .yui-panel .bd .button-group .yui-button:hover button,
.yui-dt-editor .yui-dt-button button:hover, .yui-dt-editor .yui-dt-button button.yui-dt-default:hover {
	color:#CE3D0C;
}

#dialog-modal .ft .button-group .default button, .yui-dt-editor .yui-dt-button button.yui-dt-default {
	color:#444444;
}

.yui-dt-editor .yui-dt-button button {
	font-weight:bold;
}

.yui-skin-sam .yui-button.disabled button, .yui-skin-sam .yui-button.disabled a {
	color:#CCCCCC;
}
/* End of Button styles*/

/* End of Dialog styles */


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


.calico {
	background:url("../Images/button-sprite.png") no-repeat scroll 0 -291px transparent;
	float:left;
	height:20px;
	margin-left:5px;
	vertical-align:middle;
	width:16px;
}

.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 */


/*
 * PASSWORD STRENGTH
 * =================
 */

.passwordstrength {
	display:block;
	font-size:85%; 
	font-weight:bold; 
	width:23.615em;
}
.passwordstrength .frame {
	background-color:#D8D8D8;
	border:3px double white;
	display:block;
}
.passwordstrength .frame .bar {
	background:transparent url("../Images/progressbar-bg.png") repeat-x scroll left top;
	display:block;
	height:14px;
	width:0%;
}
.passwordstrength .strong, .passwordstrength .weak {
	background-color:#FFFFFF;
}
.passwordstrength .strong {
	color:#009900; 
	float:right;
}
.passwordstrength .weak {
	color:#CC0000;
	float:left;
	padding-left:1px;
}

/* End of Password Strength styles*/