/*
	Kensei Media - Admin Area CSS Framework
	Copyright 2008 Kensei Media
	Author: Dave Nicoll
*/
html, body { height:100%; min-height: 100%}

body 
{
	/*font-family: “HelveticaNeue-Light”, “Helvetica Neue Light”, Helvetica, Arial, sans-serif; */
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
	font-size:0.9em;
	color:#4f4f4f;
}

li { padding:3px 0 3px 0; }

#wrapper
{
	min-height:100%;
	/*height:100%;*/
	position:relative;
	display:block;
}

/*form { height:100%; }*/

#doc
{
	position: relative;
	text-align: left;
	z-index: 1;
}

#header
{
	background-color:#e5f7fd;
	margin-bottom:15px;
}

#header #header_logo
{
	position:relative;
	top:5px;
	margin-right:5px;
}


#footer
{
	margin:10px 0 0 15px;
	font-size:0.8em;
	color: #9c9ca0;
	clear:both;
	height:44px;
	margin:-55px 0 0;
	padding:10px 0 0 137px;
	position:relative;
	background:#4f4f4f url(/images/kensei_logo_footer.gif) no-repeat 0 0;
	border-top:1px solid #9c9ca0;
}

.content
{
	width:900px;
	margin:0 0 10px 15px;
}

.notification 
{
	width:858px;
	margin:0 0 15px 0px;
	padding:10px 10px 10px 32px;
}
.notification.critical { background:transparent url(/images/exclamation.png) no-repeat 10px 11px;background-color:#ffd9d9;border:1px solid #f1a9a9;color:#c10000; }
.notification.warning { background:transparent url(/images/warning.png) no-repeat 10px 10px;background-color:#fffad9;border:1px solid #f0e2aa;color:#cd952c; }

/* NAVIGATION TABS */
#header_nav { border-bottom:1px solid #7fd7f7; background-color:#e5f7fd; width:100%; height:26px; }
#header_nav ul { list-style-type: none;	padding: 0 0 0 10px; }
#header_nav ul li {	display:inline; }
#header_nav a {	outline:none; outline-style:none; float:left;background:#e5f7fd url("/images/tab.png") no-repeat left top;padding:0 0 0 9px;text-decoration:none;color:#000;}
#header_nav a span { float:left;display:block;background:#e5f7fd url("/images/tab.png") no-repeat right top;padding:6px 20px 3px 11px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header_nav a span {float:none;}
/* End IE5-Mac hack */
#header_nav .current a span { padding-bottom:4px; }
#header_nav a:hover, #header_nav a:hover span { background-color:#cef0fb;color:#000; }
#header_nav .current a span, #header_nav .current a { background-color:#fff; }

#header h1 { font-size:2.2em; padding:10px 0 10px 15px; /*font-family:Georgia,"Times New Roman",Serif;*/ }

/* LINKS */
#header a { text-decoration:none; }
a, a:visited { color: #2583ad; }
a:hover { color:#23af9a; }
#footer a, #footer a:hover { color: #eeeeee; text-decoration:none;}
#footer a:hover { text-decoration:underline; }
.panel .header .gizmo a { color:#2583ad; font-weight:bold; }
.panel .header .gizmo a:hover { color:#23af9a; }

/* CONTENT */
.content h1 { font-size:1.6em; color: #666666; border-bottom:1px solid #dadada; padding-bottom:5px; width:100%; margin-bottom:5px;}
.content h2 { font-size:1.0em; font-weight:bold; color: #666666; margin-bottom:5px;}
.content h3 { font-weight:bold; color: #666666; }

.panel { border:1px solid #dadada; width:425px; float:left; margin:0 20px 20px 0;}
.panel .header { position:relative; background-color:#e5f7fd; height:20px; width:421; margin:1px; padding:5px 10px 5px 10px; }
.panel .header .gizmo { right:11px; top:6px; position:absolute; font-size:0.75em; display:inline; }
.panel .innards { padding:11px; }

.width-900 { width:900px; }
.width-670 { width:670px; }

/* ----------------------------------------- */
/* MEDIA MANAGEMENT PAGE - MEDIA GRID        */
/* ----------------------------------------- */

#mediagrid .mediaitem { float:left; width:120px; height:120px; margin:10px; background-color:#eee; padding:10px; }
#mediagrid .mediaitem_dropped { float:left; width:120px; height:120px; margin:10px; background-color:#eee; padding:10px; }
#collections { float:left; height:400px; width:300px; }
#drop_zone { overflow:scroll;margin:-10px; height:300px;width:280px;border:solid 1px #dadada; }
#drop_zone .mediaitem_dropped { float:left; width:80px; height:80px; margin:10px; background-color:#eee; padding:10px; }
#drop_zone .mediaitem_dropped img { width:80px; height:60px; }
#drop_zone .mediaitem_dropped li { width:16px; height:16px; padding:0px; }
#drop_zone .li-ui-icon-locked { display:none; }

.mediaitem_dropped {  border:solid 1px #ff0000; }
.mediaitem {  border:solid 1px #dadada; z-index:100000000000000000; }
.icons li { padding:4px; width:16px; height:16px; margin:2px; float:left; cursor:pointer; } 
droppable_hover { background-color:yellow; }
#collection_save_btns li { display:inline; margin:10px;  } 

.link_btn 
{
	padding:0.4em 1em 0.4em 20px;
	position:relative;
	text-decoration:none;
	margin:4px;
}

/* ----------------------------------------- */
/* MEDIA MANAGEMENT PAGE - MEDIA LIST        */
/* ----------------------------------------- */
#media_list { width:100%;height:auto;}
#media_list .list_row0 { width:100%; height:94px; clear:both; padding:7px 0 7px 0; _padding-top:9px;}
#media_list .list_row1 { width:100%; height:94px; clear:both; padding:7px 0 7px 0; _padding-top:9px;background:#f9f9f9;}
#media_list .list_hr { background-color:#D8D8D8;width:100%;height:0px;margin:0;padding:0 0 3px 0;_padding:0 0 1px 0;font-size:0em;}
#media_list .list_row div { height:92px; float:left; overflow:hidden;} /* hide any overflowing content */
#media_list .thumbnail { width:140px; padding:3px 0 0 14px; text-align:center;}
#media_list .title { width:220px; margin-top:36px;}
#media_list .category { width:100px; margin-top:36px; margin-left:7px;}
#media_list .status { width:100px; margin-top:36px;}
#media_list .size { width:80px; margin-top:36px;}
#media_list .length { width:100px; margin-top:36px;}
#media_list .date { width:135px; margin-top:36px;}
#media_list .delete { width:40px; margin-top:35px;}
#loadergif, #loadergif1 { display:block; position:relative; top:100px; width:100%; height:300px; text-align:center;  }

#search_panel { padding:0 0 10px 0; }
#search_panel .search_item { float:left; }

#media_details li { padding:5px; } 
.media_stat { font-weight:bold; }

.formitem { font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
	font-size:0.9em;
	color:#4f4f4f;
	margin:5px 10px 5px 0; }
	
.textbox { width:385px;height:17px; padding:2px; }
.textarea { width:385px;height:100px; padding:2px; }
.dropdown { width:206px; height:25px; padding:2px; }
.dropdown_small { width:106px; height:18px; font-size:0.7em; padding:-4px; margin:-2px 10px 0 -4px; }
.button { padding:3px; top:-3px; position:relative; }

/* ----------------------------------------- */
/* LOGIN PAGE AND FORM                       */
/* ----------------------------------------- */
#login
{
	margin:7em auto;
	width:292px;
}
#login #login_title 
{
	position:relative;
	top:-11px;
	font-size:15px;
}

#login form
{
	background-color:#EAF3FA;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	font-weight:bold;
	margin-left:8px;
	padding:16px 16px 40px;
}
#login p
{
	margin-bottom:24px;
}
#login .input
{
	font-size:20px;
	margin-right:6px;
	padding:3px;
	width:97%;
}
#login form .forgetmenot
{
	float:left;
	font-weight:normal;
	margin-bottom:0;
}
#login form .submit input
{
	
	float:right;
	/*
	background-color:#CEE1EF !important;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border:1px solid #80B5D0;
	cursor:default;
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
	font-size:13px;
	margin-top:-6px;
	padding:3px 5px;
	text-decoration:none;
	*/
}

#libservers td { padding:10px; border:solid 1px #dadada; }

/* ----------------------------------------- */
/* BATCH EDIT PAGE - MEDIA LIST              */
/* ----------------------------------------- */
#batch_list .batch_row { position:relative;width:400px;clear:both;border-bottom:3px solid #cccccc; background-color:#fff;margin:0 0 20px 0; }
#batch_list .thumbnail { float:none !important; position:absolute; top:16px;left:16px; width:120px; height:86px;}
#batch_list .details { padding-top:16px;margin:0 0 16px 154px;width:400px; line-height:1.15em;}
#batch_list .detail_row { margin:0 0 12px 0; width:100%;position:relative;}
#batch_list .label { margin-bottom:4px;}
#batch_list .text { width:230px; height:17px; padding:2px;}
#batch_list select { width:208px; height:25px; padding:2px; }
#batch_list .loader { margin:10px 0 0 0; border:solid 0px #ff0000; float:left;width:20px;}
#still_encoding {text-align:center;border:1px solid #e6e6e6;margin:0 0 25px 0;font-weight:bold;line-height:1.2em;background:transparent url(/images/loader.gif) no-repeat 15px 21px;background-color:#eee;padding:10px 10px 10px 36px;display:none;}
#still_encoding #still_encoding_gif { text-align:right;width:140px;float:left;margin:12px 0 0 0;}
#still_encoding #still_encoding_text {width:200px;height:35px;text-align:left;width:140px;float:left;margin:5px 0 0 10px;}
#batch_list .error_saving { display:none;width:238px;padding:2px 0 2px 10px; background-color:#FF9E9E;}
.batch_nav_link { display:inline; font-size:11px; }
.batch_nav_info { display:inline; font-size:11px; margin:0 12px 0 12px; }
#batch_paging_container { margin:0 0 6px 0; display:none; }
.error_box { display:none; }
#topLoader { display:block; position:relative; top:100px; width:100%; min-height:300px;height:300px; line-height:1.7em;text-align:center;  }
#batch_list .submit { padding:3px; top:-3px; position:relative; }
#batch_list .textarea { width:230px;height:100px; padding:2px; }

/* Thumbpicker */
.carousel-component { padding:0px; margin:0px;position:relative;overflow:hidden;}
.carousel-component ul.carousel-list { width:10000000px;position:relative;z-index:1; }
.carousel-component .carousel-vertical li { margin-bottom:0px;float:left;clear:left;overflow:hidden;display:block;}
.carousel-component .carousel-clip-region { overflow:hidden;margin:0px auto;position:relative; }
.carousel-component { padding:0px;-moz-border-radius:6px;color:#618cbe;}
.carousel-component ul.carousel-list { margin:0px;padding:0px;line-height:0px;}
.carousel-component .carousel-list li { float:left;	list-style:none;overflow:hidden; width:120px; height:86px;color:#666;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:16px;margin:0px;padding:0px;text-align:left;}
.carousel-component .carousel-list li a { display:block; outline:none; }
.carousel-component .carousel-list li a:hover { border: 1px solid #aaaaaa; }
.carousel-component .carousel-list li img { display:block; }
.carousel-component .carousel-prev { position:absolute; top:58px; z-index:3; cursor:pointer; left:3px; }
.carousel-component .carousel-next { position:absolute; top:58px; z-index:3; cursor:pointer; right:3px; }
#mycarousel { position:absolute; right:8px; bottom:16px; }

#search { position:absolute; right:10px; top:40px; }
#search .search_item { display:inline; }
#logout { position:absolute; right:20px; top:15px; }
#search .searchtext { height:24px; width:160px; bottom:3px;position:relative; left:10px; font-size:16px; }


/* ----------------------------------------- */
/* STATS PAGE
/* ----------------------------------------- */

#legend { position:absolute; left:30px; width:220px; margin-top:10px; }
#legend #legend_total_block { background-color:#fff; height:8px; width:8px; border:solid 1px #ccc; }
#legend #legend_used_block { background-color:#369ace; height:10px; width:10px; }
#legend #legend_left_block { background-color:#62bbe7; height:10px; width:10px; }
#legend .legend_text { padding:4px; position:relative; top:-21px; left:20px; }
#legend .legend_block {  margin:4px 8px 0 0; padding:4px; }
#video_pie_container { position:absolute; left:260px; }