/**************************************/
/************** CMS Style *************/
/**************************************/

/* edit button style */	

.edit-this {
	height:18px;
	background: transparent url("../images/global/btn-edit.png") no-repeat 0 -18px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	border:0px solid #999966;
	float:right;
	
	}
	

.edit-this:hover {
	height:18px;
	background: transparent url("../images/global/btn-edit.png") no-repeat 0 -18px;
	text-decoration:underline;
	}
	
.edit-this a{
	float:left; /*very important to float a to left!*/
	margin:1px 0px 0px 0px;
	padding:0px;
	border:0px solid #999966;
	}
	
/* item style in a form */	
	
.item-form div {
	clear:none;
	border:0px solid #cc0066;
	}
	
.item-form {
	margin:0px 0px 10px 0px;
	clear:both;
	}
	
.item-form  a{
	color:#999966;
	}
	
.item-form  a:hover{
	text-decoration:underline;
	}
	
.item-form .form-left {
	float:left;
	}
	
.item-form .form-right {
	float:right;
	}
	
.head-form  h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	}
	
.note-form {
	color:#000000;
	}
	
.note-form p {
	padding:0px;
	margin:0px;
	}

.note-form a { 
	text-decoration:underline; 
	}
		
.note-form a:hover { 
	text-decoration:underline; 
	}
	
.message-form p {
	padding:0px;
	margin:0px;
	}
	
.button-public {
	width: 60px;
	height: 26px;
	border: 0px solid #999999; 
	background-color: #999966;
	cursor: pointer;
	margin: 2px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	color: #ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
.button-admin {
	width:80px;
	height: 24px;
	font-weight:bold;
	padding:0px 0px 2px 0px;
	margin:0px;
	background-color: #7cba0f;
	color:#ffffff;
	border:0px;
	cursor: pointer;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	}
	
.button-admin-login {
	width: 60px;
	height: 26px;
	border: 0px solid #999999; 
	background-color: #7cba0f;
	cursor: pointer;
	margin: 2px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	color: #ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
	
.button-admin-small {
	width:35px;
	padding:0px;
	margin:0px;
	background-color: #7cba0f;
	color:#ffffff;
	border:0px;
	cursor: pointer;
	}
	
.set-form .item-form  .button-admin-small {
	width:35px;
	padding:0px;
	margin:0px;
	background-color: #7cba0f;
	color:#ffffff;
	border:0px;
	cursor: pointer;
	}
	
/* form with form-set style */	

.set-form {
	background-color:#f2f2f2;
	padding:25px 30px 20px 30px;
	overflow:hidden;
	}
	
.set-form .item-form {
	margin:0px 0px 5px 0px;
	border: 0px solid #000; 
	clear:both;
	}
	
.set-form .item-form div {
	clear:none;
	border:0px solid #cc0066;
	}	
	
.set-form .item-form  input, 
.set-form .item-form textarea{
	background-color:#ffffff;
	border: 1px solid #dddddd; 
	width:99.4%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px 2px 2px 2px;
	}

.set-form .item-form select{
	border: 1px solid #dddddd; 
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px 2px 2px 2px;
	color:#999;
	}
	
.set-form .item-form select option{
	padding:0px 2px 0px 2px;
	color:#999;
	}
	
.set-form .item-form  input[type=checkbox] {
	width:auto;
	float:left;
	margin:0px 3px 0px 0px;
	}
	
.set-form .item-form  .left label{
	float:left;
	}
	
.set-form .item-form .button-admin {
	width:80px;
	height: 24px;
	font-weight:bold;
	padding:0px 0px 2px 0px;
	background-color: #7cba0f;
	border:0px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	}
	
.set-form .item-form  > label > span{
	float:right;
	font-size:10px;
	}
	
.set-form .item-form label  span{
	font-size:10px;
	}
	
/* all-my-tags style */
	
#all-my-tags h4 {
	float:left;
	background: #3374d0 url(../images/global/tab-tags.gif) no-repeat right top;
	padding:2px 30px 2px 10px;
	margin:0px 0px 0px 0px;
	border: 0px solid #999; 
	
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	}
	
#all-my-tags h4 a {
	border: 0px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	}
	
#all-my-tags .line-heading {
	background:#3374d0;
	clear:both;
	}

#all-my-tags h5 {	
	background-color:#f2f2f2; 
	padding:2px 0px 2px 5px; 
	margin-bottom:5px;
	border: 0px solid #999;
	overflow:hidden;
	}
	
#all-my-tags h5 a {	
	font-weight:bold;
	font-size:12px;
	color:#666;
	border: 0px solid #333;
	padding:0px 0px 0px 12px;
	background: url(../images/global/bullet-arrow-down.gif) no-repeat left 5px;
	float:left;
	}
	
#all-my-tags .active a{
	background: url(../images/global/bullet-arrow-right.gif) no-repeat left 2px;
	}
	
#all-my-tags .items-tag {
	margin:0px 0px 0px 5px;
	}
	
#all-my-tags .items-tag a {
	color:#3374d0;
	margin:0px 0px 0px 0px;
	}
	
#all-my-tags .items-tag > span {
	margin:0px 5px 0px 0px;
	}
	
#all-my-tags  .items-tag .clicked {
	background-color:#999;
	color:#fff;
	}

/* upload style */

.upload {
	padding:0px;
	margin:20px 0px 0px 0px;
	overflow:hidden;
	}
	
.upload img {
	cursor:move;
	}

.form h2,
.upload h2 {
	float:left;
	padding:5px 10px 5px 10px;
	margin:0px 0px 0px 0px;
	background-color:#e2e2e2;
	
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	}
	
.form h2 a,
.upload h2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	background: url(../images/global/bullet-arrow-down.gif) no-repeat right 5px;
	color:#565656;
	display:block;
	border:0px solid #0066FF;
	}
	
.form .active a,
.upload .active a{
	background: url(../images/global/bullet-arrow-up.gif) no-repeat right 5px;
	}
	
.form h2 span, 
.upload h2 span{
	display:block;
	padding:0px 15px 0px 0px;
	}
	
.form h3,
.upload h3 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 10px 5px 5px;
	margin:0px 0px 0px 5px;
	color:#666;
	}
	
.line-heading {
	border:0px;
	height: 3px;
  	background: transparent url("../images/global/grey.gif");
	margin:0px 0px 0px 0px;
	clear:both;
	}
	
.form hr,
.upload hr {
	display:none;
	}
	
.upload .set-form {
	background-color:#f2f2f2;
	padding:15px 30px 15px 30px;
	}

/*	
.upload .form-set input,	
.upload .form-set textarea{
	width:99.2%;
	}
*/

/*do this only when uploaded images exist	

.upload  > .set-form  > .item-form:first-child{
	border-bottom: 1px solid #999; 
	padding:0px 0px 15px 0px;
	}
 */
 
.upload .btn-upload {
	width:80px;
	height: 20px;
	text-align:center;
	padding:5px 0px 0px 0px;
	background-color: #7cba0f;
	font-weight:bold;
	color:#ffffff;
	float:left;
	margin:0px 10px 0px 0px;
	cursor:pointer;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	}
	
.upload .status-upload {
	width:auto;
	margin: 5px 0px 0px 0px;
	}
	
.upload .status-upload img{
	margin: 5px 0px 0px 0px;
	}
	
/* uploaded images style */	
	
.items-uploaded {
	overflow:visible;
	}
	
.items-uploaded  img{
	max-width:105px;
	}
	
.items-uploaded  > li {
	float:none;
	border-bottom: 1px solid #999; 
	padding:10px 0px 10px 0px;
	clear:both;
	overflow:hidden;
	}
	
.items-uploaded > ul > li :first-child{
	padding:5px 0px 10px 0px;
	}
	
/* uploaded image title style */	
	
.items-uploaded h4 {
	font-weight:bold;
	margin: 10px 0px 0px 0px;
	}
	
/* uploaded image edit and delete button style */	

.items-uploaded  > li  > div:first-child {
	margin: 0px 10px 0px 0px;
	float:left;
	}
	
.items-uploaded > li  > div:last-child {
	min-height:10px;
	}
	
.items-uploaded li div a:first-child {
	float:left;
	}

.upload .items-uploaded .divider {
	margin:1px 4px 0px 4px; 
	border: 1px solid #999; 
	height:11px; 
	float:left
	}

/* item-form listing style */	
	
.items-form .item-form {
	border-bottom: 0px solid #999; 
	background-color:#f2f2f2;
	padding:5px 10px 5px 10px;
	margin:0px 0px 5px 0px;
	}
	
.items-form h1{
	font-size:14px;
	font-weight:bold;
	}
	
.items-form .item-form  a { 
	float:left
	}
	
.items-form .item-form .divider {
	margin:1px 4px 0px 4px; 
	border: 1px solid #999; 
	height:11px; 
	float:left
	}
	
/*
this won't work on IE yet
*/
/*	
.items-form .item-form div:last-child a { 
	float:left
	}

.items-form .item-form div:last-child .divider {
	margin:1px 4px 0px 4px; 
	border: 1px solid #999; 
	height:11px; 
	float:left
	}
*/	
	
/* comment-admin style */	

.comment-admin{
	margin:5px 0px 0px 0px;
	}	
	
.comment-admin div {
	clear:none;
	}	
.comment-admin a:first-child {
	float:left;
	}
	
.divider-form {
	margin:1px 4px 0px 4px;
	border: 1px solid #999; 
	height:11px; 
	float:left
	}

/* cmsmenu style */	

#menu-admin {
	position:fixed;
	left:0px;
	/*bottom:0px; use this condition if the menu is fixed to the bottom */
	top:0; /*use this condition if the menu is fixed to the top */
	width:100%;
	background-color:#b8b2b2;
	color:#ffffff;
	padding:0px 0px 0px 5px;
	overflow:visible;
	}
	
/* IE 6 */
* html #menu-admin {
   position:absolute;
   top:expression((0-(menu-admin.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : 	document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

#menu-admin > ul > li > ul {
	/*bottom:23px;  use this condition if the menu is fixed to the bottom */
	}

#menu-admin  .current-menu-admin {
	color:#000000;
	}
	
#menu-admin .hover-grandparent > a {
	background-color: #888 !important;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #888;
	}
	
#menu-admin .hover-parent > a {
	background-color:#333 !important;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	}
	
#menu-admin .hover-children > a {
	/*
	background-color:#333 !important;
	border-bottom: 1px solid #333;
	border-left: 0px solid #333;
	border-right: 1px solid #333;
	*/
	}
	
/**************************************/

/* drop down menu global */	

#menu-admin li {
	/* 
	Use 'position: relative' for the third level drop down,
	may only consider this only if the menu is fixed to the top 
	*/
	position: relative;/**/
	/*min-height: 1px;	Sophie Dennis contribution for IE7 */
	/*vertical-align: bottom;  Sophie Dennis contribution for IE7 */
	}
	
#menu-admin a {
	display: block;
	text-decoration: none;
	border:0px solid #0066FF;
	}
	
/* drop down menu local level 1 */

#menu-admin  > ul > li {
	float:left;
	margin:0px 1px 0px 0px;
	}

#menu-admin > ul > li > a {
	padding: 2px 8px 2px 8px;
	text-decoration:none;
	color:#ffffff;
	border: 1px solid #999;
	background:  #999;
	min-width:80px;
	}
	
#menu-admin > ul > li > a > span{
	/*
	display:block;
	padding:0px 15px 0px 0px;
	*/
	}
	
#menu-admin  > ul > li > a:hover {
	background-color: #888;
	border: 1px solid #666;
	}
	
/* drop down menu local level 2 */

#menu-admin > ul > li > ul {
	display: none;
	position: absolute;
	white-space: nowrap;
	border-top: 0px solid #ffffff;
	}
	
#menu-admin > ul > li > ul > li {
	float: none;
	}
	
#menu-admin  > ul > li > ul > li > a {
	padding:3px 8px 3px 8px;
	background-color: #888888;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	color: #ffffff;
	min-width:80px;
	}

#menu-admin > ul > li:hover ul,
#menu-admin > ul > li.hover ul {
	display: block;
	}
	
#menu-admin  > ul > li:hover li > a, 
#menu-admin  > ul > li.hover li > a {
	/*
	border-bottom: 1px solid #ffffff;
	width:200px;  use a fixed width to fix IE if use 'position: relative' on all <li>*/
	}
	
#menu-admin  > ul > li > ul > li > a:hover {
	background-color:#333;
	border-left: 1px solid #666;
	border-right: 1px solid #333;
	}

/* drop down menu local level 3 */
	
#menu-admin > ul > li > ul > li > ul {
	display: none;
	position: absolute;
	white-space: nowrap;
	left:100%;
	top:0; /*use this condition if the menu is fixed to the top */
	/*bottom:0;  use this condition if the menu is fixed to the bottom */
	border-left: 0px solid #ffffff;	
	}
	
#menu-admin > ul > li > ul > li > ul > li {
	float: none;
	}
	
#menu-admin  > ul > li > ul > li > ul > li > a {
	padding:3px 8px 3px 8px;
	background-color: #333;
	border-left: 1px solid #333;
	border-right: 1px solid #666;
	color: #ffffff; 
	min-width:80px;
	}

/*
don't display the 3rd level drop down 
when it hovers on 2nd level.
*/
#menu-admin > ul > li:hover ul  ul,
#menu-admin > ul > li.hover ul ul {
	display: none;
	}

#menu-admin > ul > li  > ul > li:hover ul,
#menu-admin > ul > li > ul > li.hover ul {
	display: block;
	}	

#menu-admin  > ul > li > ul > li > ul > li > a:hover {
	color: #e2e2e2;
	}
	
#menu-admin ul.showme {
	display: block;
	}
	
/*** sub-indicator style **/
.menu-admin-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/global/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .menu-admin-sub-indicator {  /* give all except IE6 the correct values */
	top:			.4em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .menu-admin-sub-indicator,
a:hover > .menu-admin-sub-indicator,
a:active > .menu-admin-sub-indicator,
li:hover > a > .menu-admin-sub-indicator,
li.sfHover > a > .menu-admin-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
ul ul.menu-admin-sub-indicator { background-position:  -10px 0; }
ul ul a > .menu-admin-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
ul  ul a:focus > .menu-admin-sub-indicator,
ul  ul a:hover > .menu-admin-sub-indicator,
ul  ul a:active > .menu-admin-sub-indicator,
ul  ul li:hover > a > .menu-admin-sub-indicator,
ul  ul li.sfHover > a > .menu-admin-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}