/* *****************************************************
/* NEW MESSAGE BOX SYSTEM Style of eContent Manager 2.5
/* ****************************************************/
.eCM-msgbox-error-item,
.eCM-msgbox-success-item,
.eCM-msgbox-info-item,
.eCM-msgbox-warning-item {
	display:block;	
	color:#eee;
	padding:15px;
	font-size: 11px;
	font-family:verdana;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.eCM-msgbox-error-item {background-color:#CC0000;}
.eCM-msgbox-success-item {background-color:#6fa600;}
.eCM-msgbox-info-item {background-color:#2e859b;}
.eCM-msgbox-warning-item {background-color:#ba932e;}

.eCM-msgbox-error-item p,
.eCM-msgbox-success-item p,
.eCM-msgbox-info-item p,
.eCM-msgbox-warning-item p {padding:5px;margin:0;padding-left:50px;}
.eCM-msgbox-image {margin: 10px;float:left;}

/* ****************************************
/* NEW BUTTON Style of eContent Manager 2.5
/* ****************************************/
.eContentButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;	
	padding: 5px 10px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.eContentButton:active { position:relative; top:1px;}
.eContentButton.bevel, .eContentButton.bevel:visited {
	color: #fff;
	outline: none;	
	border:none;
	padding: 6px 10px 7px; /* +1px padding for lost 1px border*/
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
}
.blue {background-color: #00adee !important;}
.red {background-color: #e33100 !important;}
.green {background-color: #91bd09 !important;}
.gray {background-color: #999 !important;}
/* Button sizes */
.small.eContentButton, .small.eContentButton:visited {font-size: 11px}
.eContentButton, .eContentButton:visited,
.medium.eContentButton, .medium.eContentButton:visited {font-size: 13px; font-weight: bold}
.large.eContentButton, .large.eContentButton:visited {font-size: 15px; font-weight: bold}
/* Default buttons hover fx */
/* Used when no other fx is specified */
.eContentButton:hover {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */	
}
/* Hover fx to be used in 3d buttons with color */
/* Lightens the current button color */
.eContentButton.bevel:hover {	
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .3) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .3))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */		
}
/* Hover fx to be used with default button style */
/* The hover equals a 3d button style */
.eContentButton.bevelBlueHover:hover,
.eContentButton.bevelRedHover:hover {
	border: none;
	padding: 6px 11px 7px;
	overflow: visible; /* removes extra side padding in IE */
	outline:none;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);	
}
.eContentButton.bevelBlueHover:hover {background-color: #00ADEE}
.eContentButton.bevelRedHover:hover {background-color: #e33100}

/* ******************** 
/* TipTip jQuery Plugin
/* ********************/
#tiptip_content { font-family:Arial, Helvetica, sans-serif}

/* ************* */
/* General style */
/* ************* */
.fileshare_module {padding:0px; padding-top:20px; border:0px solid #ccc; }
.fileshare_module{ color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 12px}
.fileshare_module ul {margin: 0px; padding: 0px;}
.fileshare_module li{list-style: none outside none}
.fileshare_module h5{color: #111111; font-size: 13px; margin: 5px 0; width: 420px; word-wrap: break-word}	
.fileshare_module h5 a{text-decoration:none; color: #25A0DA}
.fileshare_module h5 a:hover {border-bottom: 1px dotted #0099FF; margin-bottom:1px}
.fileshare_module h5 a[disabled],
.fileshare_module h5 a[disabled]:hover {color: #ccc; border-bottom:none; cursor:not-allowed}
.fileshare_module .required {color:#990000;}

/* ***********
/* Breadcrumbs
/* ***********/
.breadcrumbs {margin-bottom: 25px; font-size: 12px; color:#666666; padding:10px}
.breadcrumbs img {margin-right: 10px;}
.breadcrumbs a {text-decoration:none; color: #25A0DA}
.breadcrumbs a:hover { text-decoration:underline}
.breadcrumbs span {font-size: 9px; }

/* ************
/* Topbar style 
/* ************/
.fileshare_module .topbar {margin-bottom: 10px}

/* filter menu */
.filter_menu {display:inline-block; position:relative; cursor:pointer}
.filter_menu a img{margin-right: 5px}
.filter_menu .tagList
{
	cursor: default;
	display: none;
	margin: 0px;
	padding: 0px;
	width: 150px;
	position: absolute;
	top: 29px;
	left: 0px;	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed; /* for non-css3 browsers */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;	
	color:#777777;
	font-family:arial;
	font-weight:bold;	
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	padding:10px;
}
.filter_menu:hover .tagList {display:block}
.filter_menu .tagList .RadListBox {display:block}
.filter_menu:hover .tagList .rlbGroup {border:none!important; background-color: transparent!important;}

/* Topbar Actions */
.topbar_actions {float:right; margin-bottom: 20px}
.topbar_actions a {margin-left: 5px}


/* ****************
/* Folder title bar
/* ****************/
.folder_titlebar {padding-top: 10px; border-bottom: thin solid #E6E6E6;}
.folder_titlebar li {display:inline-block;}
.folder_title {
	background: url(folderIcon.png) left center no-repeat; 
	padding-left: 40px; 
	line-height:40px;
	font-weight: bold;
}

/* Sorting dropdown control */
.dropdown {
	width: 180px;
  	font: normal 1.1em arial,verdana,tahoma,sans-serif;
  	color: #666;
  	margin: 0 0 20px 0;
  	padding: 5px 10px;
  	background: #fff;
  	border: 1px solid #eee;
}
.dropdown:hover {border: 1px solid #d2d2d2}
.RadComboBox_Metro.dropdown table td.rcbInputCell, 
.RadComboBox_Metro.dropdown table td.rcbArrowCell {border:none !important;}

/* Folder Actions */
.folder_actions {float:right; margin-left:10px}
/* Menu main level */
.folder_actions .menu {display: inline-block; position: relative; list-style: none; padding-top:2px}
.folder_actions .menu a {height: 14px;}
.folder_actions .menu a img {display:block; border:0px; margin-top: 4px}
/* show sub levels dropdown */
.folder_actions .menu:hover > ul {display: block}
/* sub levels */
.folder_actions .menu ul {
	display: none;
	margin: 0px;
	padding: 0px;
	width: 150px;
	position: absolute;
	top: 30px;
	right: -50px;	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed; /* for non-css3 browsers */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;	
	color:#777777;
	font-family:arial;
	font-weight:bold;	
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.folder_actions .menu ul li {display:block; padding:5px}
.folder_actions .menu ul li a {text-decoration:none; color:#999}
/* sub levels link hover */
.folder_actions .menu ul li:hover {		
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
}
.folder_actions .menu ul li:hover a{color:#666;}


/* ************************
/* Folder description panel
/* ***********************/
.folder_description {margin-bottom: 15px !important;}
.folder_description span {background-color:#f6f6f6; padding:10px; display:block}


/* **************** */
/* Assets list view */
/* **************** */
.item_container {width:100%; height:auto; border-bottom: thin solid #E6E6E6; padding:5px}
.item_container:hover {background-color:#F1F8F8; cursor:pointer}
#item_cover_image { float: left; margin-right: 10px;}
.item_data {display:table; padding-bottom:10px}
.item_data:after {
    /* force width of item_data to fill item_container width */
	clear: both;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
	overflow: hidden;
    visibility: hidden;
	height: 0 !important;
    line-height: 0;
	display: block;
    font-size: xx-large;
}	
.item_actions { float: right; font-size: 11px; margin-bottom: 0;}
.item_actions .action { display: inline-block; margin-left:5px; vertical-align: top;}
.item_actions .action a {    	
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 24px;
    text-align: center;
    text-decoration: none;
	width:24px;
}
.item_actions .action .edit_icon {background:url(editIcon.png) no-repeat;}
.item_container:hover .item_actions .action .edit_icon {background:url(editIcon.png) no-repeat;}
.item_container:hover .item_actions .action .edit_icon:hover {background:url(editIconHover.png) no-repeat;}

.item_actions .action .delete_icon {background:url(deleteIcon.png) no-repeat;}
.item_container:hover .item_actions .action .delete_icon {background:url(deleteIcon.png) no-repeat;}
.item_container:hover .item_actions .action .delete_icon:hover {background:url(deleteIconHover.png) no-repeat;}
.item_actions .action .open_comments_icon {
	background:url(commentsIcon.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:21px;
	color:#fff;
	height: 24px;
}
.item_container:hover .item_actions .action .open_comments_icon {background:url(commentsIcon.png) no-repeat;}
.item_container:hover .item_actions .action .open_comments_icon:hover span {display:none;}
.item_container:hover .item_actions .action .open_comments_icon:hover {background:url(commentsIconHover.png) no-repeat;}

.item_actions .action .download_icon {background:url(downloadIcon.png) no-repeat;}
.item_container:hover .item_actions .action .download_icon {background:url(downloadIcon.png) no-repeat;}
.item_container:hover .item_actions .action .download_icon:hover {background:url(downloadIconHover.png) no-repeat;}

.item_info { display: inline-block; padding-right: 0.5em; vertical-align: top;}
.item_description {	margin-top:5px;	line-height:16px;}


/* ****************
/* Add/Edit Windows
/* ****************/
.fileshare-module-addeditfolder-generalform fieldset,
.fileshare-module-addeditfolder-securityform fieldset,
.fileshare-module-addeditfolder-notificationsform fieldset,
.fileshare-module-addeditfile-generalform fieldset,
.fileshare-module-addeditfile-tagsform fieldset,
.fileshare-module-addfileform fieldset {
	border:0px none; 
	border-bottom: 1px solid #ccc; 
	padding-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.fileshare-module-addeditfolder-generalform fieldset ul,
.fileshare-module-addeditfolder-securityform fieldset ul,
.fileshare-module-addeditfile-generalform fieldset ul{ border:0; margin:0; padding:0; list-style:none;}
.fileshare-module-addeditfolder-generalform fieldset li,
.fileshare-module-addeditfolder-securityform fieldset li,
.fileshare-module-addeditfile-generalform fieldset li {	clear:both; list-style:none; height:40px;}
.fileshare-module-addeditfolder-generalform fieldset li.multiline,
.fileshare-module-addeditfolder-securityform fieldset li.multiline,
.fileshare-module-addeditfile-generalform fieldset li.multiline {height:100px}
.fileshare-module-addeditfolder-generalform fieldset input,
.fileshare-module-addeditfile-generalform fieldset input { float:left;}
.fileshare-module-addeditfolder-generalform label,
.fileshare-module-addeditfolder-securityform label,
.fileshare-module-addeditfile-generalform label,
.fileshare-module-addeditfile-tagsform label {
	width:100px;
	float:left;
	text-align:right;
	padding-right:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	font-weight:bold;
}
.fileshare-module-addeditfile-tagsform label {text-align:left}
.fileshare-module-addeditfile-tagsform fieldset p {clear:both; float:left;} /* Tags form instructions text */
.fileshare-module-addeditfolder-securityform #accessLevelsTooltip
{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	cursor:help;
}
.fileshare-module-addeditfolder-securityform label {width: 150px; font-weight:normal;}
.fileshare-module-addeditfolder-securityform HR {height:1px; border: none; border-bottom: 1px solid #ccc; width: 100%}
.fileshare-module-addeditfolder-securityform .check-box-control label {float:none; width: 500px; font-weight:normal}
.fileshare-module-addeditfolder-notificationsform,
.fileshare-module-addfileform { font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #666}
.fileshare_module .asset-preview-container{
	width: auto;
	text-align:center; 
	border: 10px solid #eee; 
	margin:5px; 
	background-color:#000;
	background: url(previewBG.png) repeat #000;
	height: 400px;
	
	-moz-box-shadow: 3px 3px 4px #ddd;
	-webkit-box-shadow: 3px 3px 4px #ddd;
	box-shadow: 3px 3px 4px #ddd;
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=45, Color='#ddd')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=45, Color='#ddd');*/
}
.fileshare_module .asset-preview-container .no-preview-icon{
	height: 128px;
    left: 50%;
    margin: -64px 0 0 -64px;
    position: relative;
    top: 50%;
    width: 128px;		
}
.fileshare_module .RadTabStrip_Office2010Silver .rtsLevel1 {
    background-color: transparent !important;
}

/* ***************
/* Download Window
/* ***************/
.fileshare-module-downloadform p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align:center;
}

/* ******************
/* File comments area
/* ******************/ 
#commentlist {list-style: none outside none; display:block}
#commentlist li { border-bottom: 1px dotted #ccc; clear: both; margin-bottom: 10px}
#commentlist li { display: list-item;}
.comment_avatar { float: left; text-align: left; width: 70px;}
/*.comment_meta { font-size: 1em; padding-top: 1em;}*/
#commentlist li div.comment { margin-left: 70px; padding-top: 1em;}
.RadCaptcha.RadCaptcha_Default label {display:block !important;}
#commentlist .comment .comment_author {font-weight: bold;}
#commentlist .comment .comment_author,
#commentlist .comment .comment_time {font-size: 12px;}
#commentlist .comment a {display: block; height: 24px;width:24px;}
#commentlist .comment a.delete_icon {background:url(deleteIcon.png) no-repeat;}
#commentlist .comment a.delete_icon:hover {background:url(deleteIconHover.png) no-repeat;}

/* ************
/* Tag controls
/* ************/
.ui-autocomplete {
    background-color: #fff;
    position: absolute;
    cursor: default;
    list-style: none;
    margin: 25px 0 0;
    padding: 0;
    border: 1px solid #E5E5E5;
    border-top: none;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -moz-box-shadow: 0 3px 5px #888;
    -webkit-box-shadow: 0 3px 5px #888;
    box-shadow: 0 3px 5px #888; 
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.ui-autocomplete .ui-menu-item {padding: 0;margin: 0;}
.ui-autocomplete  .ui-menu-item a {
    display: block;
    padding: 4px 6px;
    margin: 0;
    text-decoration: none;
    line-height: 12px;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #fff;
    color: #78959D;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover,
.ui-autocomplete .ui-menu-item a.ui-state-active {background-color: #F1F8F8; color: #555}
.ui-autocomplete-loading {background: white url(ui-anim_basic_16x16.gif) right center no-repeat;}
ul.tagit {
    cursor: text;
    overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 97%;
    padding: 3px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #E5E5E5;
    background: #fff;
    color: #fff;
}
ul.tagit li.tagit-choice {
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
    position: relative;
}
ul.tagit.ui-sortable li.tagit-choice a.ui-icon.ui-icon-grip-dotted-vertical{
    float: left;
    width: 12px;
    margin-left: -5px;
    cursor: move;
}
ul.tagit li.tagit-choice {background-color: #333; border: 1px solid #333; padding: 2px 13px 3px 4px;}
ul.tagit li.tagit-choice.selected {background-color: #633; border-color: #f76464;}
ul.tagit li.tagit-choice:hover {background-color: #555; border-color: #444;}
ul.tagit li.tagit-new {
    padding: 2px 4px 3px;
    padding: 2px 4px 1px;
    padding: 2px 4px 1px 0;
}
ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding-top: 2px;
    padding-bottom: 2px;
}
ul.tagit li.tagit-choice a.tagit-close {
    color: #ccc;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    outline: medium none;
    padding: 2px 0 2px 3px;
    text-decoration: none;
    position: absolute;
    display: block;
    top: 0;
    right: 3px;
    text-shadow: 1px 1px 0 rgba(100, 100, 100, 0.7);
}
ul.tagit li.tagit-choice a.tagit-close:hover {color: #fff; text-shadow: none;}
ul.tagit input[type="text"] {
    -moz-box-sizing: border-box;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: inherit !important;
    outline: none;
}
.tagit-hiddenSelect {display:none;}