/**************************************/
/************** 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 !important;
	padding:0px !important;
	margin:0px 0px 0px 5px !important;
	background-color: #7cba0f !important;
	color:#ffffff !important;
	border:0px !important;
	cursor: pointer !important;
	float:left !important;
	}
	
/* 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 */
	
.item-form-tag 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;
	}
	
.item-form-tag h4 a {
	border: 0px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	}
	
.item-form-tag .line-heading {
	background:#3374d0;
	clear:both;
	}

.item-form-tag h5 {	
	background-color:#f2f2f2; 
	padding:2px 0px 2px 5px; 
	margin-bottom:5px;
	border: 0px solid #999;
	overflow:hidden;
	}
	
.item-form-tag 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;
	}
	
.item-form-tag .active a{
	background: url(../images/global/bullet-arrow-right.gif) no-repeat left 2px !important;
	}
	
.item-form-tag .items-tag {
	margin:0px 0px 0px 5px;
	}
	
.item-form-tag .items-tag a {
	color:#3374d0;
	margin:0px 0px 0px 0px;
	}
	
.item-form-tag .items-tag > span {
	margin:0px 5px 0px 0px;
	}
	
.item-form-tag  .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 !important;
	}
	
.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
	}
	
/*** sub-indicator style **/
.sub-indicator {
	border: 0px solid #999; 
	float: right;
	display: block;
	width: 10px;
	height: 15px;
	overflow: hidden;
	background:	url('../images/global/arrows-3f70aa.png') no-repeat -10px -97px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

/* all the class of item-form with class of left */
.item-form .left span{
	float:left !important;
	}
	
/*
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
	}

/* drop down menu local level 1 */

#menu-admin-footer  > ul > li  {
	float:left;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid #c5c5c5;
	}

#menu-admin-footer > ul > li > a {
	padding: 2px 8px 2px 8px;
	position:relative;
	font-weight:bold;
	border: 0px solid #000;
	}
	
/* drop down menu local level 2 */

#menu-admin-footer > ul > li > ul {
	display: block;
	white-space: nowrap;
	border: 0px solid #000;	
	}
	
#menu-admin-footer > ul > li > ul > li {
	float: none;
	}
	
#menu-admin-footer > ul > li > ul > li > a {
	margin:0px 0px 0px 8px;
	}
	
/* drop down menu local level 3 */
	
#menu-admin-footer > ul > li > ul > li > ul {
	display: block;
	white-space: nowrap;
	border: 0px solid #000;
	}
	
#menu-admin-footer > ul > li > ul > li > ul > li {
	float: none;
	}
	
#menu-admin-footer > ul > li > ul > li > ul > li > a {
	margin:0px 0px 0px 15px;
	}
	
/**************************************/
/********** CMS container Style *******/
/**************************************/

#container-cms {
	height: auto;
	min-height: 100%;
	}
	
/**************************************/
/*********** CMS body Style ***********/
/**************************************/

#container-cms {
	background-color:#ffffff;
	}

#body-cms {
	margin-top: 70px;
	border-bottom: 0px solid #999966;
	border: 0px solid #999966;
	text-align: left;
	padding-bottom: 3em; 
	}

/**************************************/
/**** CMS menu admin header Style *****/
/**************************************/

/* cmsmenu style */	

#menu-admin-header {
	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%;
	padding:5px 0px 5px 0px;
	overflow:visible;
	background-color:#f3f1f1;
	border-bottom: 1px solid #c5c5c5;
	}
	
/* IE 6 */
* html #menu-admin-header {
   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-header > ul > li > ul {
	/*bottom:23px;  use this condition if the menu is fixed to the bottom */
	}

#menu-admin-header  .current-menu-admin {
	color:#000000;
	}
	
#menu-admin-header .hover-grandparent > a {
	background-color:#ffffff !important;
	z-index:100;
	position:relative;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px dotted #c5c5c5;
	}
	
#menu-admin-header .hover-parent > a {
	background-color:#edebeb !important;
	}
	
#menu-admin-header .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-header 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;/**/
	}
	
#menu-admin-header a {
	display: block;
	font-size:11px;
	text-decoration: none;
	border:0px solid #0066FF;
	color:#767575;
	}
	
#menu-admin-header a:hover {
	text-decoration: underline;
	}
	
#menu-admin-header .admin-menu-singleton:hover {
	background-color:#f3f1f1 !important;
	border: 1px solid #f3f1f1 !important;
	}
	
/* drop down menu local level 1 */

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

#menu-admin-header > ul > li > a {
	padding: 2px 8px 2px 8px;
	border: 1px solid #f3f1f1;
	
	/**
	for testing purposes only: 
	**	
	background-color:#ffffff;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px dotted #c5c5c5;
	**/
	
	/**
	very important to have the lines below.
	make this element position: relative and gave it a higher z-index than its drop-down menu.
	then the dropdown menu <ul> has a solid border all around it and is position absolute. When it appears, 
	it is positioned 1px under its invoking link (which makes it look like the dotted and solid borders are on the same line).
	
	position:relative;
	z-index:100;
	**/
	position:relative;
	}
	
#menu-admin-header > ul > li > a > span{
	/*
	display:block;
	padding:0px 15px 0px 0px;
	*/
	}
	
#menu-admin-header  > ul > li > a:hover {
	background-color:#ffffff;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px dotted #c5c5c5;
	}
	
/* drop down menu local level 2 */

#menu-admin-header > ul > li > ul {
	display: none;
	position: absolute;
	white-space: nowrap;
	border: 1px solid #c5c5c5;
	margin-top:-1px;
	
	/**
	very important to have the line below.
	**/
	z-index:99;
	}
	
#menu-admin-header > ul > li > ul > li {
	float: none;
	}
	
#menu-admin-header  > ul > li > ul > li > a {
	padding:3px 8px 3px 8px;
	background-color: #ffffff;
	border-bottom: 1px dotted #c5c5c5;
	min-width:80px;
	}

#menu-admin-header > ul > li:hover ul,
#menu-admin-header > ul > li.hover ul {
	display: block;
	}
	
#menu-admin-header  > ul > li:hover li > a, 
#menu-admin-header  > 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-header  > ul > li > ul > li > a:hover {
	background-color:#edebeb;
	}

/* drop down menu local level 3 */
	
#menu-admin-header > ul > li > ul > li > ul {
	display: none;
	position: absolute;
	white-space: nowrap;
	left:100%;
	top:-1px; /*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: 1px solid #c5c5c5;
	}
	
#menu-admin-header > ul > li > ul > li > ul > li {
	float: none;
	}
	
#menu-admin-header  > ul > li > ul > li > ul > li > a {
	padding:3px 8px 3px 8px;
	background-color: #f3f1f1;
	border-bottom: 1px dotted #c5c5c5;
	min-width:80px;
	}

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

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

#menu-admin-header  > ul > li > ul > li > ul > li > a:hover {
	}
	
#menu-admin-header ul.showme {
	display: block;
	}
	
/*** sub-indicator style **/
.menu-admin-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.50em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/global/arrows-3f70aa.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*/
}

/**************************************/
/**** CMS menu admin footer Style *****/
/**************************************/

#footer-cms {
	clear: both;
	position: relative;
	height:auto;
	}
	
/* global style */	
	
#menu-admin-footer {
	padding:5px 0px 5px 0px;
	background-color:#f3f1f1;
	border-top: 1px solid #c5c5c5;
	overflow:hidden;
	}
	
#menu-admin-footer a {
	display: block;
	font-size:11px;
	text-decoration: none;
	border:0px solid #0066FF;
	color:#767575;
	}
	
#menu-admin-footer a:hover {
	text-decoration: underline;
	}
	
#menu-admin-footer  > ul > li:first-child {
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #c5c5c5;
	}
	
#menu-admin-footer  > ul > li:last-child {
	padding: 0px 0px 0px 0px;
	border-right: 0px solid #c5c5c5;
	}