/*license styles*/
@import url("Licensing/Content/licensing.css");
/*---*/

.cs-tabbox
{
    background-color:White;
	text-align:left;
	min-width:650px;
	height:1%;
}
  
.cs-tabbox .edit-tabbox-item .item-property-label
{
    color:#0476A1;
    text-align:left;
    width:12%;
}

.cs-tabbox-updating
{
    width:100px;
	padding-left:28px;
	height:28px;
	line-height:28px;
	background-position:left center;
	background-image:url(images/ajax-loader.gif);
	background-color:Transparent;
	background-repeat:no-repeat;
	float:left;
}

.cs-tabbox .separator
{
	height: 1px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
	border-bottom: solid 1px #dedddd;
}


.cs-tabbox .new-tab-item
{
	margin: 5px;
	padding: 5px;
	/*overflow: hidden;*/
	width: auto;
	clear: both;
}

.cs-tabbox .new-item-margin
{
	float: left;
	height:28px;
	width:175px;
}

.cs-tabbox-addnewitem
{
	background: transparent url(images/add.gif) no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 19px;
	font-family: Arial;
	font-size: 13px !important;
	font-weight: normal;
	color: #5d5d5e !important; /*position:relative;*/
	top: 20px;
	float:right;
	margin-right: 10px;
	margin-top:7px;
}

.cs-tabbox .new-item-area
{
	width:100%;
	text-align:left;
	margin-bottom:5px;
	/*overflow:hidden;*/
	float: left;
}

.cs-tabbox .edit-tabbox-item
{
	width:100%;
	/*overflow:hidden;*/
	margin-right: 10px;
	padding-right: 10px;
}

.cs-tabbox-button-add-margin
{
	float:left;
	width:180px;
}

.cs-tabbox .edit-tabbox-item .tabbox-item-property
{
    vertical-align:top;
	overflow:hidden;
	margin: 0px;
	margin-bottom:5px;
	padding-bottom:1px;
	clear: both;
}

.cs-tabbox .edit-tabbox-item .tabbox-item-propertylabel
{
	width:70px;
	float:left;
	text-align:left;
	overflow:hidden;
	color:#0476a1;
}

.cs-tabbox .edit-tabbox-item .property-validator
{
	width:5px;
    color: #ff0000;
}

.cs-tabbox .tabbox-item-property .input-field
{
    margin:4px 0px;
}

.cs-tabbox .cs-tabbox-button-add
{
	margin-left:90px;
	}

.cs-tabbox .add-button input,
.cs-tabbox-button
{
	width:100px;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;	
	cursor:pointer;
	text-decoration:none !important;
	text-align:center !important;
	margin:0px 5px;
}

.cs-tabbox-button-add
{
	cursor:pointer;
}

.cs-tabbox-button-cancel
{
	text-decoration:none;
	text-align:center;
	overflow:hidden;
}

.cs-tabbox-editform
{
	width:100%;
	/*overflow:hidden;*/
	float:left;
}

.cs-tabbox-edit-item-buttons
{
	margin:5px 0px;
	overflow:hidden;
	text-align:center;
}

.cs-tabbox-actionsarea
{
	width: 110px;
	float:right;
}

.cs-tabbox-moveup,
.cs-tabbox-moveup-disabled
{
	float:right;
	background:transparent url(images/move-up.gif) no-repeat;
	height:16px;
	width:16px;
}

.cs-tabbox-moveup-disabled
{
	background-image:url(images/move-up-disabled.gif);
}

.cs-tabbox-movedown,
.cs-tabbox-movedown-disabled
{
	float:right;
	background:transparent url(images/move-down.gif) no-repeat;
	height:16px;
	width:16px;	
}

.cs-tabbox-movedown-disabled
{
	background-image:url(images/move-down-disabled.gif);
}

.cs-tabbox-deleteitem
{
	background:transparent url(images/delete.gif) no-repeat;
	height:20px;
	line-height:20px;
	padding-left:19px;
	font-family:Arial;
	font-size:13px !important;
	font-weight:normal;
	color:#5d5d5e !important;
}

.cs-tabbox-edititem
{
	background:transparent url(images/edit.gif) no-repeat;
	height:20px;
	line-height:20px;
	padding-left:19px;
	font-family:Arial;
	font-size:13px !important;
	font-weight:normal;
	color:#5d5d5e !important;
}

.cs-tabbox-view
{
	float: left;
}

.cs-tabbox .tabbox-item-view
{
	text-align:left;
	margin-left:5px;
	padding:5px;
	width:auto;
	/*overflow:hidden;*/
	clear:both;
}


.cs-tabbox-addafter
{
	background:transparent url(images/add.gif) no-repeat;
	height:20px;
	line-height:20px;
	padding-left:19px;
	font-family:Arial;
	font-size:13px !important;
	font-weight:normal;
	color:#5d5d5e !important;
}




/* Skin List styles */
.cs-editControlContainer 
{
    text-align:left;
}

.cs-skinlist .cs-updating
{
	width:100px;
	padding-left:28px;
	height:28px;
	line-height:28px;
	background-position:left center;
	background-image:url(images/ajax-loader.gif);
	background-color:Transparent;
	background-repeat:no-repeat;
	float:left;
}

.cs-skinlist .image-style
{
	border:none;
	width: 100px;
	height: 100px;
}

.cs-skinlist
{
	background-color: White;
	padding: 5px;
	overflow:visible;
	height:1%;
	text-align:left;
}

.cs-skinlist .skin-item
{
	text-align: left;
	margin: 5px;
	padding: 5px;
	padding-left:25px;
	overflow: hidden;
	width: auto;
	clear: both;
}

.cs-skinlist .new-skin-item
{
	margin: 5px;
	padding: 5px;
	overflow: hidden;
	width: auto;
	clear: both;
}

.cs-skinlist .new-item-margin
{
	float: left;
	height:30px;
	width:175px;
}

.cs-skinlist .separator
{
	height: 1px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
	border-bottom: solid 1px #dedddd;
}

.cs-skinlist .skin-item-picture
{
	width: 150px;
	float: left;
}
.cs-skinlist .cs-current-label
{
	padding-left: 25px;
	float: left;
	font-weight: bold;
	color: #008000;
}

.cs-skinlist .cs-default-label
{
	float: left;
	font-weight: bold;
	color: #008000;
}
.cs-skinlist .skin-item-info
{
	float: left;
	overflow: hidden;
	width: 400px;
}

.cs-skinlist .cs-actions-area
{
	width: 100px;
	float: right;
}

.cs-skinlist .view-content-element
{
	width: 100%;
	/*overflow: hidden;*/
}
.cs-skinlist .view-content-element .input-field span
{
	font-family:Tahoma,Arial,Helvetica;
	font-size:14px;
}
.cs-skinlist .view-content-element .subHead
{
	width: 100px;
	float: left;
	text-align: left;
	/*overflow: hidden;*/
	color: #0476a1;
}

.cs-skinlist .view-content-element .input-field
{
	width: 300px;
	float: left;
}

.cs-skinlist .view-content-element .input-field a
{
	text-decoration:underline;
	font-family:Tahoma,Arial,Helvetica;
	font-size:14px;
}

.cs-skinlist .view-content-element .file_selector_row
{
	/*overflow: hidden;*/
	margin: 0px;
	margin-bottom:5px;
	padding-bottom:1px;
	margin-right:10px;
	padding-right:10px;
	clear: both;
}

.cs-skinlist .cs-button
{
	background-image: url(images/btn.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: none;
	font-weight: bold;
	height: 24px;
	width: 100px;
	display: block;
	font-family: Arial;
	text-align:center !important;
	font-size: 11px;
	color: #898989 !important;
}

.cs-skinlist .cs-button-margin
{
	float:left;
	width:70px;
}

.cs-skinlist .cs-button-make-current
{
	padding-bottom:3px;
	margin-right: 10px;
	text-decoration: none;
	line-height: 22px;
	float:left;
	text-align: center;
	cursor:pointer;
}

a.cs-button-make-current:hover, 
a.cs-button-make-current:visited, 
a.cs-button-make-current:link
{
	text-decoration: none !important;
	line-height: 22px;
	float:left;
	text-align: center;
}

.cs-skinlist .cs-button-delete
{
	background: transparent url(images/delete.gif) no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 19px;
	font-family: Arial;
	font-size: 13px !important;
	font-weight: normal;
	color: #5d5d5e !important;
}

.cs-skinlist .cs-button-add
{
	background: transparent url(images/add.gif) no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 19px;
	font-family: Arial;
	font-size: 13px !important;
	font-weight: normal;
	color: #5d5d5e !important;
	float:right;
	margin-right: 10px;
}

.cs-skinlist .cs-log-area
{
	margin: 10px;
}

.cs-skinlist .cs-log-header
{
	padding-bottom: 10px;
}

.cs-skinlist .cs-log-header span
{
	font-size:14px;
	font-weight: bold;
	
}

.cs-skinlist .cs-log-message span
{
	font-size: 12px;
	color: #FF0000;
}
/*---------------------*/
.cs-tabbox-modules
{
	border:1px solid gray; 
	/*float:left;*/
	padding:10px;
	margin:5px; 
	min-width:350px;
}
.cs-tabbox-modules a
{
	height:16px;
	line-height:16px;
	padding-left:18px;
	font-family:Arial;
	font-size:13px !important;
	font-weight:normal;
	color:#5d5d5e !important;
	margin-right:10px;
}
.cs-tabbox-modules .modules-row
{
	margin-top:15px;
	clear:both;
}
.cs-tabbox-modules .addNewModule
{
	background:transparent url(images/add_.gif) no-repeat;	
}
.cs-tabbox-modules .addExistingModule
{
	background:transparent url(images/add_.gif) no-repeat;	
}
.cs-tabbox-modules .deleteNewModule
{
	background:transparent url(images/delete_.gif) no-repeat;
}
.cs-tabbox-modules .cs-tabbox-lbl
{
	font-family:Arial;
	font-size:13px !important;
	font-weight:normal;
	color:#5d5d5e !important;
}
.cs-tabbox-modules .cancelModule
{
	background:transparent url(images/cancel.gif) no-repeat;
}
.cs-tabbox-modules .moveDownModule
{
	background:transparent url(images/action_down.gif) no-repeat;
}
.cs-tabbox-modules .moveUpModule
{
	background:transparent url(images/action_up.gif) no-repeat;
}
.cs-tabbox-modules .list-modules
{
	width:100%; 
	min-width:100px;
}
.dnnFormItem .new-tab-item input[type="text"],
.dnnFormItem .edit-tabbox-item input[type="text"] {
    margin-bottom: 0px;
}

.edit-tabbox-item select,.edit-tabbox-item .input-field input {
	padding: 0;
}

.view-content-element.cs-tabbox-view .dnnLabel {
	width: auto;
}

.input-field .dnnTextPanel {
	height: 333px;
}

.edit-tabbox-item td > .dnnLabel {
	width: auto;
}

.input-field .modules-row span {
	display: block;
}

.dnnForm.dnnTextEditor.dnnClear {
	/*width: 500px;*/
}

.tabbox-item-property .RadEditor.Black.reWrapper table {
	/*width: 500px !important;*/

}/*

.input-field .dnnForm.dnnTextEditor.dnnClear iframe {
	max-width: 500px !important;
	overflow: auto;
}

	 */

.tabbox-item-property .RadEditor.Black.reWrapper table .Black.reToolbarWrapper>ul, .tabbox-item-property .RadEditor.Black.reWrapper,.tabbox-item-property .RadEditor.Default.reWrapper,.tabbox-item-property .RadEditor.Vista.reWrapper {
	width: auto !important;
}
.tabbox-item-property .RadEditor.Black.reWrapper,.tabbox-item-property .RadEditor.Default
{
	height: auto !important;
	min-height: auto !important;
}

.tabbox-item-property .RadEditor.Black.reWrapper>table, .tabbox-item-property .RadEditor.Default.reWrapper>table {
	height: auto !important;
	min-height: none !important;
}

.tabbox-item-property .dnnForm.dnnTextEditor.dnnClear {
	margin: 0;
	width: 100%;
}
.tabbox-item-property .dnnForm.dnnTextEditor.dnnClear .dnnFormItem {
	padding: 0;
}


.view-content-element.cs-tabbox-view .dnnTooltip {
	width: calc();
}

.view-content-element.cs-tabbox-view .dnnTooltip .dnnFormHelp {
	padding-right: 20px;
}