/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	Client:		Intune Media [intune-media.co.uk]
	Author:		Trevor Sewell [trev@intune-media.co.uk]
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@import url(layout.css);
@import url(content.css);
@import url(nav.css);
/* ADMIN BOX*/
#admin{
	position:relative;
	float:left;
	width: 100%;
}
#adminActions{
	margin: 0 ;
	padding:0 0 0 5px;
	list-style:none;
	line-height:14px;
	font-size: 70% ;
}

#adminActions li{ 
	display:inline;
	line-height:normal;
	margin:0px 5px 0 0;
	padding:0;
}
#adminActions li a {
   background-color: transparent;
   border: 1px solid #74ae0b;
   color: #578308;
   margin:0 0 0 0;	
   padding: 0 0.5em;
   text-decoration: none;
   text-transform: lowercase;
   position:relative;
   z-index:10;
}

#adminActions a.selected  {
    background-color: #cde2a7;
    border-bottom: #cde2a7 1px solid;
    color: #578308;
}
#adminActions li a:hover {
  	background-color: #cde2a7;
    color: #578308;
}

#adminBox{
	/*border:1px solid #74AE0B;*/
	padding:1em 0 0 0 ;
	margin:0;
	height:1%;
}
#adminBox ul{ list-style: none ; }
#adminBox img{ border: 0 ; }

/* Sub MENU */
#subActions{
	border:1px solid #74AE0B;
	background:#CDE2A7;
	height:16px;
	position:relative;
	z-index:0;
	margin-top: -20px ;
	padding: 5px 0 ;
	font-size: 70% ;
}
#subActions img {border: 0 ; }

#subActions ul{
margin:0;padding:0; list-style: none;
font-size: 0.94em;
float:right;
}
#subActions ul li{
float:left;
padding:0 ;
margin:0;
position: relative;
}
#subActions ul li a{
text-decoration:none;
padding:0 5px 0 0;
border-right:1px solid #74AE0B
}
#subActions ul li a.top{
color:#333;
text-decoration: none;
display:block;
float:left;
margin-right:3px;
padding:0 16px 0 5px;
background: url(../images/icons/bullet_arrow_down.gif) no-repeat top right;
border:0
}

#subActions ul li ul{
position:absolute;
background:#CDE2A7;
border:1px solid #74AE0B;
border-top:0;
top:16px;
right:-1px;
width:100px;
}
#subActions ul li ul strong{padding-left:5px;}
.important #subActions ul li ul
{
	border-color:#8CACBB;
	background:#DEE7EC;
}

#subActions ul li ul li
{
	padding:0;
	display:block;
	float:none;
	margin:0;
	z-index:2000;
}
#subActions a img{text-decoration: none; padding-right:5px;}
#subActions ul li ul li a,
#subActions ul li ul li a:visited{
	display:block;color:#000;
	text-decoration:none;
	padding:3px;
	border:0;
}
#subActions ul li ul li a:hover{color:#74AE0B}

#subActions ul li ul li a.selected
{
	color:#74AE0B;
}

/*Different Colors*/
.warning #adminBox{border-color:#986265 !important;}
.important #adminBox{border-color: #8CACBB !important;}

#adminActions a.warning:hover,
.warning #subActions, 
.warning #adminActions a.selected{
border:1px solid #986265 !important;
background: #DEBFC6 !important;
color:#986265 !important;
}
.warning #adminActions a{border-bottom:1px solid #986265}
.warning #adminActions a.selected{border-bottom:1px solid #DEBFC6 !important}

#adminActions a.warning{
	background: #F4E7EA;
	color:#986265;
	border:1px solid #986265;
	border-bottom:0px ;
}

#adminActions a.important{
	border:1px solid #8CACBB;
	border-bottom:0px;
	background: #EEF3F5;
	color:#8CACBB;
}
#adminActions a.back{background: #afcb87;color:#578308; }

#adminActions a.important:hover,
.important #subActions, 
.important #adminActions a.selected{
	border:1px solid #8CACBB !important;
	background: #DEE7EC !important;
	color:#8CACBB !important;
}
.important #adminActions a{border-bottom:1px solid #8CACBB}
.important #adminActions a.selected{border-bottom:1px solid #DEE7EC !important}

/* Admin TABLES */
table.admin {
	background:#fff;
	color:#000;
	width:100%;
	margin:0.5em auto;
	border-collapse:collapse;
	border: 1px solid #8CACBB;
}
.admin th{
	margin:0px auto;
	text-align:left;
	background:#DEE7EC;
	font-weight:normal;
	padding:0.3em 0.5em;
	border: 1px solid #8CACBB;
	color:#000;
}
.admin tr{background:#fff;}
.admin td{
	border: 1px solid #8CACBB;
	padding:5px;
	margin:0px;
	vertical-align:middle;

}
.admin td a,.admin td a:visited{color:#000;}
.admin td a:hover{color:#F90;}
.admin tr.odd, .admin td.odd{background-color:#EEF3F5}

.admin th.date{width:10em;}

.admin th.select, .admin td.select{width:25px;text-align:center; }
.admin td.select {background-color:#DEE7EC}
.admin th.id{width:40px;}

.admin th.actions{width:150px;}
.admin th.status{width:75px;}

input.delete{
	border:1px solid #986265;
	color: #986265;
	background: #F4E7EA;
	padding:0px 5px;
	cursor:pointer;
}
input.important{
	border:1px solid #8CACBB;
	color: #8CACBB;
	background: #DEE7EC;
	padding:0px 5px;
	cursor:pointer;
}
/* Reorder*/
#reorder_table
{
	background:url(../images/reorder.png) left 0.5em no-repeat;
	margin:1em;
	padding:0 0.5em 0.5em 35px;
	list-style: none;
	position: relative
}

#reorder_table  .invisible{
opacity:0.5;
}

#reorder_table li,#formfield li, #available li{
	background:#F8FAFC;
	padding:0.3em;
	border:1px solid #B5D4FE;
	cursor:move;
	margin:5px 0;
	list-style: none;
	position: relative;
	zoom: 1;
}


/* Manage Users */
td.superadmin{background:#9ad239 url('../modules/user/img/superadmin.gif') bottom repeat-x; width:80px;}
td.admin     {background:#fbe097 url('../modules/user/img/admin.gif')      bottom repeat-x; width:80px}
td.mod       {background:#d8e8f4 url('../modules/user/img/moderator.gif')  bottom repeat-x; width:80px}
td.user      {background:#F0F3F5 url('../modules/user/img/normal.gif')     bottom repeat-x; width:80px}
td.unconfirmed{background-color:#debfc6; color:#af3434}
th.since{width:90px;}
th.actions{width:120px;}

/* MANAGE FORMS*/
ul#formfield, #available ul{ list-style:none; padding:0;}
#formfield li, #available li{
cursor:auto;
height:1%;
}
ul#formfield{
	margin:0 ;
	list-style:none;
	width:250px;
	float:left;
	margin-bottom:1em;
	min-height:40px;
	padding:5px;
	color:#000;
	border:1px solid #dfdfdf;
	background:#fcfcfc;
}
* html #formfield {height: 40px;} 
ul.hover{
	background:#EEF3F5 !important;
	border:1px dashed #8CACBB !important;
}
#formfield li,
#available li{
	margin:0px 0 5px;
	color:#000;
}
#available{
	background:#fff6bf;
	border: 1px solid #ffd324;
	margin-left:300px;
}
#available ul{
	margin:0.5em;
	list-style:none;
	min-height:20px;
}
* html #available ul{
	height: 20px;
	width: 95%;
	margin:0 auto;
} 
* html #available{padding-top:5px;}
#available p{
	margin:5px 0 0;
	border-top:1px solid #ffd324;
	padding:5px;
	background: #FFECB5
}
#create_field{ clear:left; }
#createFieldForm{
	margin:0.5em;
	border:1px dotted #ccc;
	padding:0.5em 0.5em 0;
}
span.actions{float:right; position: relative}
#save_field{clear:both;display:block;}

/* ITEMS RIGHTS */ 
.allow{
	color:#74AE0B;
}
.deny{
	color:#CE5D4C;
}
tr.deny{
	background:#FFF6BF
}

#rights_form
{
	border:1px solid #8CACBB;
	padding:5px;
	background:#F8FAFC;
}
#elm_right_user{
	float:left;
	margin:0 15px 0 0 ;
}

/* WORKFLOW 
#workflow_info {
margin:0 0 0.5em;
font-size:11px;
padding:0;
color:#777;
}
#workflow_info dt{width:80px; margin:0; padding:0; background:url(../images/icons/plus.gif) no-repeat left center; padding-left:15px;}
#workflow_info dt.minus{background-image:url(../images/icons/minus.gif)}
#workflow_info dd{margin:5px 0 0; padding:0; width:auto;}
#workflow_info ul{
	border:1px solid #777;
	padding:5px ;
	margin:0;
	background:#fff;
	list-style:none;
	display:none;
	position:absolute;
	color:#444;
	z-index:999;
}
*/
#workflow_info ul.open{
display:block !important;
}
#workflow_info span{ color:#000;}
#workflow_info em{color:#74AE0B; font-weight:bold;}

#workflow_info li.update,tr.update td{color:#23569c}
#workflow_info li.add,tr.add td{color:#5f9401}
#workflow_info li.delete,tr.delete td{color:#811706}
#workflow_info li.site,tr.site td{color:#53003a}

/******************************************/
/*            Admin Panel                 */
/******************************************/
#adminpanel h2{
clear:both;
}

#adminpanel .thumbnail
{
	height:1%;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
#adminpanel .thumbnail li{
float:left;
border:1px solid #c7c7c7;
width:45%;
margin:0 1em 1em 0
}
#adminpanel .thumbnail li ul li{ float:none; border: 0;width: auto; margin:0}
#adminpanel .thumbnail li a{
display:block;
text-decoration: none;
font-size:1.2em;
margin:0.5em 0;
}

table.admin_panel{
width:95%;
margin:0 auto 0.5em;
border-spacing: 5px;
}
table.admin_panel td{ padding:2px; width:40%; border:1px solid #c7c7c7; vertical-align: top;}
table.admin_panel td a
{
display:block;
text-decoration: none;
font-size:1.2em;
margin:0.5em 0;
}
table.admin_panel td.empty{
border:0;
}

/* FOLDER ADD ITEM */
dl.additem{
	border:1px solid #dfdfdf;
	width:45%;
	height:65px;
	padding:2px;
	position:relative;
	cursor:pointer;
	float:left;
	margin:0 1em 1em 0;
}

dl.additem dd, 
dl.additem dt{
	margin-left:68px;
	padding:0;
}

dl.additem dd.icon{
	position:absolute;
	top:2px;
	left:0;
	margin:0;
	width:64px;
	height:64px;
	text-align: center;
}



/* AJAX MESSAGE BOX */
#ajaxmessage,#load{z-index:80000;position: absolute;top: 40%;left: 0%;width: 99%;text-align: center;}
#ajaxmessage p{
	margin:1em auto;
	width:400px;
	font-size:20px;
	padding:1em ;
	text-align:center;
	border-width:2px
}
/* MESSAGE BOX - Javascript + AJAX*/
#mb_overlay
{
	height:100%;
	width:100%;
	background:#CDE2A7;
	background:#FFF;
	opacity:.6; /* css standard */
	filter:alpha(opacity=60); /* IE patch */
	z-index:5000;
	top:0;
	left:0;
}
#mb{
	font-size:12px;
	position:absolute;
	border:4px solid #74AE0B;
	background: #FFFFFF;
	z-index:5001;
}
#mb_title{
	background:#CDE2A7;
	padding:5px;
	cursor: pointer;
}
#mb_content{
	padding:5px;
}
#mb_close{
	position:absolute;
	top:-10px;
	right:-10px;
	cursor: pointer;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}