/* Default container class for image slider pro content item */
.mb_contentitem_container_imagesliderpro
{}

body
{
	text-align:left;
}

body fieldset
{
    border:none;
}
.clear
{
	clear:left;
}
.alpha
{
	filter:alpha(opacity=50);
}
.success
{
	background-color:Green;	
}
.failure
{
	background-color:Red;	
}
.admin 
{
	font:11px 'verdana';	
	color: #39494a;
}
.rounded-corners {
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	behavior: url(/Modules/ImageSlideshow/css/PIE.htc);*/
/*	border: 1px #000000 solid;*/
}
.navigation
{
	width: 250px;
	height: 250px;
	position:absolute;
	z-index:9900;
}
.back
{
	width:48px;
	/*
	background-image:url(/Modules/ImageSlideshow/images/back.png);
	background-repeat:no-repeat;
	background-position:center;	
	*/
	float:left;
	position:relative;
	left:0px;
	/*filter:alpha(opacity=75);*/
}

#backs_sub
{
	position:absolute;
	width: 36px;
	height: 36px;
	top:50%;
	margin-top: -18px;
	background-image:url('/Modules/ImageSlideshow/images/navigation.png');
	background-repeat:no-repeat;
	background-position: left top;
	left: -36px;
}
#helpbox_top
{
	z-index:9999;
}
#helpbox_content
{
	z-index:9999;
}
.next
{
	width:48px;
	/*
	background-image:url(/Modules/ImageSlideshow/images/next.png);
	background-repeat:no-repeat;
	background-position:center;	
	*/
	float:left;
	position:relative;
	right:0px;
	/*filter:alpha(opacity=75);*/
}
#nexts_sub
{
	position:absolute;
	width: 36px;
	height: 36px;
	top:50%;
	margin-top: -18px;
	background-image:url('/Modules/ImageSlideshow/images/navigation.png');
	background-repeat:no-repeat;
	background-position: right top;
	right: -36px;
}
.pause
{
/*
    background-image:url(/Modules/ImageSlideshow/images/pause.png);
	background-repeat:no-repeat;
	background-position:center;	
*/
}

#pauses_sub
{
	position:absolute;
	width: 36px;
	height: 36px;
	left:0px;
	margin-top: -18px;
	background-image:url('/Modules/ImageSlideshow/images/navigation2.png');
	background-repeat:no-repeat;
	background-position: left top;
	bottom: -36px;
}
#container 
{
	margin: 0 auto;	
	width: auto;
}
.holder
{
	width:250px;
	height:250px;
	position: relative;
}
.holder p 
{
	margin: 0px;
	padding: 3px;
	padding-left: 15px;
	position: absolute; left: 0px; bottom: 2px;
	font-family:'droid serif','lucida grande',arial;
	color:#FFFFFF;
	/*
	text-shadow:1px 1px 0 #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
	*/
}
#archiver
{
	width: auto;
	min-height: 50px;
	border:1px solid #878786;
	margin-bottom:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#f9f9fb;
}
#archiver img 
{
	margin:5px;
	border:1px solid #fff;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}
#left_img {
	float:left;
	width:250px;
	height:250px;
	border:1px solid #878786;
	overflow:hidden;
}
#middle_img 
{
	float:left;
	width:350px;
	height:250px;
	border:1px solid #878786;
	margin-left: 10px;
	margin-bottom:5px;
	overflow:hidden;
}
#right_img
{
	float:left;
	width:250px;
	height:250px;
	border:1px solid #878786;
	margin-left: 10px;
	overflow:hidden;
}
#left_library
{
	width: auto;
	height:120px;
	margin-bottom:5px;
	border:1px solid #878786;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#f9f9fb;
}
#left_library img 
{
	width:50px;
	height:50px;
	margin:5px;
	border:1px solid #fff;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}
.placeholder
{
	min-width:50px !important;
	min-height:50px !important;
	margin:5px;
	background-color:Green;
	border:1px solid #878786;
	display: inline-block;
}
#edit_image
{
	width: auto;
	height:215px;
	margin-bottom:5px;
	border:1px solid #878786;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#f9f9fb;
}
#edit_image img
{
	float:left;
	margin: 5px 5px 5px 5px;
	border:1px solid #fff;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}
#edit_image p
{
	float:left;
	margin: 5px 5px 5px 5px;
}
#edit_image a
{
	font:11px 'verdana';	
	color: #39494a;
	text-decoration:none;	
}
#middle_library
{
	width: auto;
	height:100px;
	border:1px solid #878786;
	margin-bottom:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color:#f9f9fb;
}
#right_library
{
	width: auto;
	border:1px solid #878786;
	padding:15px;
	background-color:#f9f9fb;
}
#upload_area
{
	width: auto;
	height:71px;
	border:1px solid #878786;
	padding-top:21px;
	padding-left:16px;
	padding-right:16px;
	margin-bottom:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#f9f9fb;
}
.iload
{
	margin-bottom:15px;
	margin-left:15px;
	padding:0px;
	float:left;
}
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
	#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
	html>body #sortable li { height: 1.5em; line-height: 1.2em; }
	.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
.Nobile
{
	font-family:'Nobile', arial, serif !important;	

}
.DroidSerif
{
	font-family:'Droid Serif', arial, serif !important;
	
}
.YanoneKaffeesatz
{
	font-family:'Yanone Kaffeesatz', arial, serif !important;

}
.ReenieBeanie
{
	font-family:'Reenie Beanie' !important;	

}
.Tangerine
{
	font-family:'tangerine', arial, serif !important;		
}
.Philosopher
{
	font-family:'Philosopher', arial, serif !important;
		
}
.deFont
{
	font:26px 'arial';	
	border:0px;
}
.fs26
{
	font-size: 26px !important;	
}
.fs28
{
	font-size: 28px !important;	
}
.fs30
{
	font-size: 30px !important;	
}
.fs32
{
	font-size: 32px !important;	
}
.fs34
{
	font-size: 34px !important;	
}
.fs36
{
	font-size: 36px !important;	
}
.fs38
{
	font-size: 38px !important;	
}
.fs40
{
	font-size: 40px !important;	
}
.fs42
{
	font-size: 42px !important;	
}
.fs44
{
	font-size: 44px !important;	
}
.fs46
{
	font-size: 46px !important;	
}
.fs48
{
	font-size: 48px !important;	
}
.fs50
{
	font-size: 50px !important;	
}
.fs52
{
	font-size: 52px !important;	
}
.fs54
{
	font-size: 54px !important;	
}
.fs56
{
	font-size: 56px !important;	
}
.fs58
{
	font-size: 58px !important;	
}
.fs60
{
	font-size: 60px !important;	
}
.fs62
{
	font-size: 62px !important;	
}
.fs64
{
	font-size: 64px !important;	
}
.fs66
{
	font-size: 66px !important;	
}
.fs68
{
	font-size: 68px !important;	
}
.fs70
{
	font-size: 70px !important;	
}
.fs72
{
	font-size: 72px !important;	
}
.fs74
{
	font-size: 74px !important;	
}
.fs76
{
	font-size: 76px !important;	
}
.fs78
{
	font-size: 78px !important;	
}
.fs80
{
	font-size: 80px !important;	
}
.fs82
{
	font-size: 82px !important;	
}
.fs84
{
	font-size: 84px !important;	
}
.fs86
{
	font-size: 86px !important;	
}
.fs88
{
	font-size: 88px !important;	
}



/* Telerik override styles */

input[type=text].riTextBox,
input[type=text].ruFakeInput {
    padding: 5px !important;
    font-size: 12px !important;
    line-height: 1.428571429 !important;
    vertical-align: middle !important;
    color: #555555 !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.RadButton_Default.rbSkinnedButton {
    background-image: none !important;
    padding: 0;
}

.rbDecorated {
    height: auto !important;
    background-position: 0 !important;
    margin: 0;
}

div#ImageGallery_MainDiv input[type=submit] {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 12px !important;
    line-height: 20px;
    color: #333333 !important;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)) !important;
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6) !important;
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

div#ImageGallery_MainDiv input[type=submit]:hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px !important;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: #e6e6e6;
}

/*  Dropdown list */

.RadComboBox_Default .rcbInputCell,
.RadComboBox_Default .rcbArrowCell {
    background-image: none !important;
}

.RadComboBox table {
    border-spacing: 0;
    border-collapse: separate !important;
}

.RadComboBox_Default .rcbReadOnly .rcbInputCellLeft {
    height: 29px;
    background: #fff;
    border: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.RadComboBox_Default .rcbReadOnly .rcbArrowCellRight {
    height: 29px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)) !important;
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6) !important;
    background-repeat: repeat-x;
    background-position: 0px !important;
    position: relative;
    cursor: pointer;
}

.RadComboBox_Default .rcbReadOnly .rcbArrowCellRight:hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px !important;
    -webkit-transition: background-position 0.1s linear !important;
    -moz-transition: background-position 0.1s linear !important;
    -o-transition: background-position 0.1s linear !important;
    transition: background-position 0.1s linear !important;
    background-color: #e6e6e6 !important;
}

.RadComboBox .rcbArrowCell a {
    height: 29px !important;
    width: 22px !important;
    font-size: 12px !important;
    cursor: pointer !important;
}

.RadComboBox .rcbArrowCell a:after {
    content: "\25BE";
    color: #000;
    position: absolute;
    right: 7px;
    top: 14px;
}

.RadComboBoxDropDown_Default {
    border-color: #ccc !important;
    border-radius: 3px;
}

.RadComboBoxDropDown .rcbItem {
    margin: 0 !important;
}

.RadComboBoxDropDown .rcbItem:hover {
    background-color: #39f;
    color: #fff;
}

.RadComboBox_Default .rcbReadOnly .rcbInputCellLeft input {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px !important;
}

.RadComboBox .rcbInput {
    padding: 0px !important;
}

.RadComboBoxDropDown .rcbItem,
.RadComboBoxDropDown .rcbHovered,
.RadComboBoxDropDown .rcbDisabled,
.RadComboBoxDropDown .rcbLoading,
.RadComboBoxDropDown .rcbCheckAllItems,
.RadComboBoxDropDown .rcbCheckAllItemsHovered {
    margin: 0 !important;
    padding: 5px 0px 5px 5px !important;
}

.RadComboBoxDropDown_Default .rcbHovered {
    background-color: #39f !important;
    color: #fff !important;
}

.RadAsyncUpload span.ruFileWrap {
    height: 35px;
}

/* Upload btn */

.RadUpload .ruButton {
    display: inline-block;
    padding: 4px 12px !important;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 12px !important;
    line-height: 20px;
    height: auto !important;
    width: auto !important;
    font-family: Arial, sans-serif;
    color: #333333 !important;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)) !important;
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6) !important;
    background-repeat: repeat-x;
    border: 1px solid #cccccc !important;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.RadUpload .ruButton:hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px !important;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: #e6e6e6;
}

.RadUpload .ruStyled .ruFileInput {
    cursor: pointer;
}

.RadUpload .ruFileWrap:hover .ruButton {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px !important;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: #e6e6e6;
}

/* Remove btn */

.RadUpload .ruRemove { 
    background-position: 0 !important;
    padding: 3px 5px !important;
    font-size: 10px !important;
    line-height: 15px !important;
    margin-left: 5px;
}

/* Upload files list */

.RadUpload .ruInputs {
    font-size: 12px;
}