/**************************************/
/************ Shared Style ************/
/**************************************/	

.align-center {
	width:1016px;
	margin:0em auto;
	overflow:hidden;
	}
	
.left {
	float:left;
	}
	
.right{
	float:right;
	}
	
.hint { 
	color: #808080; 
	}


/**************************************/
/************ Global Style ************/
/**************************************/

/*form style*/
	
.form div {
	text-align:left;
	overflow:hidden;
	/*overflow:visible;*/
	}

.form p {
	margin:0px;
	padding:0px;
	}

.field {
	border: 1px solid #999999; 
	background-color:#eeeeee;
	width:99.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px 2px 2px 2px;
	}

.field50px_height {
	height:50px;
	}
	
.field100px_height {
	height:100px;
	}
	
.field150px_height {
	height:150px;
	}

.field200px_height {
	height:200px;
	}
	
.textfield600px_height{
	height:600px;
	}
	
.field100px_width {
	width:100px;
	}
	
.field155px_width {
	width:155px;
	}

.field200px_width {
	width:200px;
	}

.field300px_width {
	width:300px;
	}
	
.field400px_width {
	width:400px;
	}
	
.field415px_width {
	width:415px;
	}
	
.fieldselect202px_width{
	width:202px;
	}
	
.button {
	width: 60px;
	height: 26px;
	border: 1px solid #999999; 
	background-color: #ffffff;
	cursor: pointer;
	margin: 2px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	color: #4763c9;
	}
	
.button_public {
	width: 60px;
	height: 26px;
	border: 1px solid #999999; 
	background-color: #ffffff;
	cursor: pointer;
	margin: 2px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	color: #4763c9;
	}

.button_comment {
	width: 80px;
	}
	
.form div {
	clear:both;
	}
	
.form_item div {
	clear:none;
	border:0px solid #cc0066;
	}
	
.form_item {
	margin:0px 0px 10px 0px;
	}

.form_item .form_left {
	float:left;
	}
	
.form_item .form_right {
	float:left;
	}
	
.form_head {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	}
	
.form_note{
	color:#333333;
	margin-bottom:10px;
	}
	
.form_note p {
	padding:0px;
	margin:0px;
	}

.form_note a { 
	color:#4763c9;/**/
	text-decoration:underline; 
	}
		
.form_note a:hover { 
	text-decoration:underline; 
	}
	
.message p {
	padding:0px;
	margin:0px;
	}
	
/**************************************/
/************ Shared Style ************/
/**************************************/

/*popup style*/	
.popup{
	position:absolute; 
	top:0;
	left:0; 
	overflow:hidden; 
	padding:6px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px; 
	background: url(trans_black.png); 
	/*visibility:hidden;*/
	}
	
.popup div {
	text-align:left;
	}
	
/*	
.form{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
	
.popup p{
	padding:0px;
	margin:0px;
	}
*/
.popup_content {
	txt-align:left; 
	background-color:#ffffff; 
	margin:0px; 
	padding:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #999;
	color:#333333;
	}
	
.popup_content a{
	color:#999966;
	}
	
.popup_content a:hover{
	text-decoration:underline;
	}

/*close  style*/

.close {
	border-bottom:1px solid #ccc; 
	padding:0px 0px 10px 0px; 
	margin:0px 0px 10px 0px;
	}
	
.close a { 
	color:#4763c9;;
	text-decoration:none; 
	}
	
.close a:hover { 
	text-decoration:underline; 
	}
	
/*XML form message*/

.error{
	font-weight:normal;
	color:#FF0000;
	}
	
/**************************************/
/************** CMS Style *************/
/**************************************/
	
.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: 22px;
	border: 0px solid #999999; 
	background-color: #af391d;
	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 {
	width:80px;
	height: 24px;
	font-weight:bold;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:0px 0px 2px 0px;
	margin:0px;
	background-color: #7cba0f;
	color:#ffffff;
	border:0px;
	}
	
.button-admin-small {
	width:35px;
	padding:0px;
	margin:0px;
	background-color: #7cba0f;
	color:#ffffff;
	border:0px;
	}
	
.set-form .item-form  .button-admin-small {
	width:35px;
	padding:0px;
	margin:0px;
	background-color: #7cba0f;
	color:#ffffff;
	border:0px;
	}
	
/* 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 .button-admin {
	width:80px;
	height: 24px;
	font-weight:bold;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:0px 0px 2px 0px;
	background-color: #7cba0f;
	border:0px;
	}
	
.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(../img_layout/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 hr {
	background:#3374d0;
	}

#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(../img_layout/bullet-arrow-down.gif) no-repeat left 5px;
	float:left;
	}
	
#all-my-tags .active a{
	background: url(../img_layout/bullet-arrow-right.gif) no-repeat left 2px;
	}
	
#all-my-tags .items-form {
	margin:0px 0px 0px 5px;
	}
	
#all-my-tags .items-form a {
	color:#3374d0;
	margin:0px 0px 0px 0px;
	}
	
#all-my-tags .items-form > span {
	margin:0px 5px 0px 0px;
	}
	
#all-my-tags  .items-form .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(../img_layout/bullet-arrow-down.gif) no-repeat right 5px;
	color:#565656;
	display:block;
	}
	
.form .active a,
.upload .active a{
	background: url(../img_layout/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;
	}

.form hr,
.upload hr {
	border:0px;
	height: 3px;
  	background: transparent url("grey.gif");
	margin:0px 0px 0px 0px;
	clear:both;
	}
	
.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;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:5px 0px 0px 0px;
	background-color: #7cba0f;
	font-weight:bold;
	color:#ffffff;
	float:left;
	margin:0px 10px 0px 0px;
	cursor:pointer;
	}
	
.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 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 {
	display:none;
	position:absolute;
	overflow:visible;
	top:0px;
	z-index:10;	
	}
	
#menu-admin li {
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menu-admin a {
	text-decoration:none;
	border-bottom:none;
	display: block; /*important for IE!*/
	background-color:#e2e2e2;
	color:#565656;
	text-align:center;
	padding:4px 0px 4px 0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	}
	
#menu-admin > ul > li > a {
	padding:2px 0px 4px 0px;
	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	
	border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	
	border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;	
	}
	
#menu-admin > ul > li {
	list-style: none;
	float: left; 
	padding:0px 0px 20px 1px;
	width:100px;
	}

#menu-admin > ul > li:first-child  a{
	background:#ccc;
	font-weight:bold;
	}
	
#menu-admin > ul > li:last-child a {
	background:#ccc;
	}
	
/* submenu style*/	
#menu-admin  ul  ul {
	position:absolute;
	display: none;/**/
	margin:1px 0px 0px 0px;
	z-index:11;
	width:100px;
	top:auto;
	}
	
#menu-admin ul ul li {
	float:none;
	margin:0px 0px 1px 0px;
	padding:0px;
	border:0px solid #000;
	background-color:#ffffff;
	}
	
#menu-admin ul ul li a:hover {
	background:#ccc;
	}
	
/* subsubmenu style*/
#menu-admin ul ul ul{ 
	/*display: none;*/
	margin:0px 0px 0px 0px;
	z-index:11;
	width:101px;
	float:left;
	top:0;
	left:100%;
	}
	
#menu-admin ul ul ul li{ 
	margin:0px 0px 1px 1px;
	}
	
#menu-admin ul ul ul li a{ 
	background-color:#cccccc !important;
	}
	
#menu-admin ul ul ul li a:hover{ 
	color:#ffffff !important;
	}
	
#menu-admin .hover > a {
	background-color:#cccccc !important;
	}

/* display subs when hover */	
	
#menu-admin li:hover ul ul,
#menu-admin li li:hover ul ul,
#menu-admin li li li:hover ul ul,
#menu-admin li li li li:hover ul ul {display:none;}

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