@import "Tabstrip.css"; 
@import "FileManager.css"; 
@import "TreeViewSiteMap.css"; 
@import "GridThumbnails.css"; 
@import "Upload.css"; 

body {
	margin: 0 10px;
	padding: 0;
    font-family: Arial,Verdana,Sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
	/* background: #D3DBDE url(Images/ctrlBack.png) top left  repeat-x; */

    }
}
* {
	outline: none;
}
.leftPane 
{
	width: 310px;
	float: left;
	padding:20px
}
a:hover{color:#000}
div#uploadSelectedInLibrary, .dialogBox {
	padding: 20px;
	background-color: #fff;

}
#changeDiv, .changeUploadDirection #changeLink
{
	display: none;
}
.changeUploadDirection #changeDiv
{
	display: block;
}
#changeLink 
{
	display: inline;
}
#changeDiv ul
{
	padding-left: 0;
	margin: 0;
	list-style: none;
}
div.ctrlProps div.ctrlContent #libraryRadios {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 100px;
	margin: 0 20px;
	overflow: auto;
	padding: 5px 0 0 5px;
}
div.ctrlProps div.ctrlContent .uploadToFolder {
	background-color: #f5f5f5 !important;
}
div.ctrlProps div.ctrlContent .uploadToFolder label {
	color: #ccc;
}
div.chooseFromUploaded {
	float: left;
	clear: both;
	margin-top: 30px;
}
div.chooseFromUploadedOptions {
	height: 325px;
	overflow: auto;
	background-color: #e2e8e9;
	padding: 10px;
	position: relative;
}
h2 {
    color: #587379;
    font-size:1.5em;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 5px;
}
.chooseFromUploadedOptions h2
{
	font-size: 1.2em;
}
div.ctrlProps div.ctrlContent .rightPane{float:left;width:310px;margin-left:20px}
div.ctrlProps div.ctrlContent .previewSelectedImage
{
	margin: 20px 0 0 0;
	padding: 0;	
	width: 310px;
	max-height: 310px;
	_height:310px;
	overflow: hidden;
}
.previewSelectedImage img
{
	border: 5px solid #fff !important;
}

a {
	color:#666;
}
.show 
{
	display: block;
}
.hidden 
{
	display: none;
}
.gotoLibraryModules 
{
	width: 250px;
	float: right;
}
.back 
{
	margin: 0 0 15px;
	padding: 0;
	float:left;
	width:auto;
}
.back a
{
	padding-left: 10px;
	background: transparent url(Images/backDark.gif) no-repeat 0 50%;
}
#actionsDisabled, #doneActions 
{
	margin: 10px 0 0;
	padding: 0;
}
div.ctrlProps div.ctrlContent #uploadSelectedInLibrary em 
{
	display: inline;
	font-style: normal;
	font-weight:bold
}


/* RAD Window */
div.transparentwindow.normalwindow.radwindow_Sitefinity.radwindow td.corner 	
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;	
	opacity: 1 !important;	
	-moz-opacity: 1 !important;
}
div.transparentwindow.normalwindow.radwindow_Sitefinity.radwindow td.titlebar 	
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;	
	opacity: 1 !important;	
	-moz-opacity: 1 !important;
}
div.transparentwindow.radwindow_Sitefinity.radwindow td.footercenter 	
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;	
	opacity: 1 !important;	
	-moz-opacity: 1 !important;
}
div.radwindow .titlebar table {
	background-color: #F0F3F4;
	border: 1px solid #ccc;
	border-bottom: 0;
}
div.radwindow table.titlebarcontrols ul.controlbuttons {
	margin-right: 5px !important; 
	margin-top: 5px !important;
}
div.radwindow_Sitefinity.radwindow table.titlebarcontrols em {
	font-size: 16px !important;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 0 10px;
	color: #000;
}
/* Link Buttons */
.button_area 
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
.radwindow_Sitefinity 
{
	top: 0 !important;
	left: 20px !important;
}
.button_area.bottom 
{
	position: absolute;
	right: 40px;
	bottom: 15px;
	width: auto;
	
	/*
	width: auto;
	float: right;
	margin-right: 15px;
	margin-bottom: 5px;
	*/
}
.button_area .CmsButLeft
{
	position: static;
}
.CmsButLeft {
    display: block;
    float: left;
    font-size: 11px;
    padding-left: 30px;
    text-decoration: none;
    width: auto;
    cursor: pointer;
}
.CmsButRight {
	border: none;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 22px;
	padding: 0 25px 0 0;
	width: auto;
	color: #000;
	cursor: pointer;
}
.ButLeft {
    display: block;
    float: left;
    font-size: 11px;
    padding-left: 30px;
    text-decoration: none;
    width: auto;
    cursor: pointer;
}
.ButRight {
	border: none;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	padding: 0 25px 0 0;
	width: auto;
	color: #FFF;
	cursor: pointer;
}
.upldark {
    background:transparent url(Images/button_dark_upl.gif) no-repeat scroll left top;
    padding-left: 40px;
}
.dark {
	background: transparent url(Images/button_dark_right.gif) no-repeat right top;
	color: #fff;
}
.ok {
	background:transparent url(Images/button_light_ok.gif) no-repeat scroll left top;
}
strong.light {
	background:transparent url(Images/button_light.gif) no-repeat scroll right top;
}
.red
{
	background:transparent url(Images/button_red.gif) no-repeat scroll left top;
}
strong.red
{
	background:transparent url(Images/button_red.gif) no-repeat scroll right top;
}
.cmsorlbl {
	margin: 0 5px;
}
.disable ,.disable strong {
	color: #CCCCCC !important;
	cursor: default;
}
#uploadBtnDisabled .CmsButLeft, #uploadBtnDisabled .CmsButRight
{
	cursor: default;
	color: #ccc;
}
#uploadBtnDisabled .upldark{background:transparent url(Images/button_dark_upl_dis.gif) no-repeat scroll left top;}
#uploadBtnDisabled .dark {
	background: transparent url(Images/button_dark_right_dis.gif) no-repeat right top;color:#fff}
.bottom .CmsButLeft 
{
	background-color: #f8f8f8;
	background-image: none;
	border: 1px solid #191919;
	border-bottom-width: 2px;
	padding-left: 15px;
}
.bottom .light 
{
	background-image: none;
	color: #333;
}
.bottom .CmsButRight {
	padding-right: 15px;
	height: 20px;
	line-height: 18px;
}
.bottom .cmsorlbl 
{
	visibility: hidden;
}
.bottom .cmscclcmd 
{
	color: #333;
	position: static !important;
	padding-left: 10px;
}
.bottom .disabled {
	background-color: #f8f8f8;
	border-color: #8c8c8c;
	cursor: default;
}
.bottom .disabled .light 
{
	color: #999;
	cursor: default;
}
/* Upload */
.RadUpload_Default .ruBrowse {
	background: transparent url(Images/select.gif) no-repeat 50% 50% !important;
}
.RadUpload_Default .ruFakeInput {
	width: 258px !important;
}
.RadUpload_Default .ruFileInput {
	cursor: pointer !important;
	right: 5px !important;	
}
.ruFileWrap {display: block; width: 300px; }/*IE6*/

/* tabstrip */
.RadTabStrip_SitefinityNews {
	float: none !important;
}
.RadTabStrip_SitefinityNews ul {
	float: none !important;
}
.RadTabStrip_SitefinityNews ul li a .innerWrap {
	background-image: none;
}
/**/

ul.selectLibrary 
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.selectLibrary li
{
	margin: 0 0 10px;
	padding: 5px 0 5px 45px;
	color: #666;
	background: transparent url(Images/ul_chooseFromLibrary_li.gif) no-repeat 0 0;
	float: left;
	clear: left;
}
ul.selectLibrary li a
{
	display: block;
	color: #000;
	text-decoration: underline;
}

ul.availableImages 
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
	float: left;
}
ul.availableImages li
{
	margin: 0 10px 10px 0;
	padding: 10px;
	float: left;
	width: 80px;
	height: 96px;
	overflow: hidden;
	background-color: #fff;
}
ul.availableImages li.selected 
{
	background-color: #567177;
	color: #fff;
}
ul.availableImages li strong
{
	font-weight: normal;
	font-size: .85em;
}
ul.availableImages li .availableImagesPreview 
{
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0 0 5px;
	display: block;
}
ul.availableImages li .availableImagesPreview img
{
	position: absolute;
	left: 0;
	bottom: 0;
}
.uploadedImageData 
{
	margin: 0;
	padding: 20px 0;
	list-style: none;
	width: 100%;
	float: left;
}
.uploadedImageData li
{
	margin: 0;
	padding: 0 0 10px;
	width: 100%;
	float: left;
}
div.ctrlProps div.ctrlContent .uploadedImageData label, .uploadedImageData label
{
	padding-right: 10px;
	display:block;
}
div.ctrlProps div.ctrlContent .uploadedImageData input, .uploadedImageData input 
{
	border: 1px solid #ccc;
	width: 310px;
	padding: 2px;
}
div.ctrlProps div.ctrlContent p.uploadedAnotherImage 
{
	margin-left: 0;
	
}
/* Upload File */
.ContorlPanelTitle {
	color: #2C6FC2;
	font-size: 14px;
	padding: 3px 10px 8px 0;
}
.ContorlPanelTitle a {
	color: #2C6FC2;
	text-decoration: none;
}
.instruct {
	clear: both;
}

div.radwindow_Sitefinity td.statusbar input {
	display: none !important;
}
.example{color:#666;margin-top:3px}
h2 span{color:#333}
.uploadPane {padding:20px}
.newWind{background:url(Images/new_window.gif) 2px 2px no-repeat; padding-left:19px}
.rightPane p{color:#555}
.rightPane em{font-weight:bold;font-style:normal;}
#changeDiv 
{
	background:#efefef;
	padding:10px;
	margin-bottom:10px;
}
#changeDiv label
{
	display: inline;
}
.closeArea{text-align:right;padding-right:20px}
h3{color: #587379;font-size:1.2em;margin:0 0 10px 0;padding:0}
.pager{clear:both;padding:0;margin:0}
.pager li{float:left;width:auto;list-style:none;margin:0 5px}
.help{background:url(Images/arrow_cursor.gif) 4px 4px no-repeat;padding:7px 8px 7px 25px;color:#666;border:1px dashed #999;width:auto;float:right;margin:0}
h1.libraryHead{font-size:1.5em;color:#587379;width:300px;margin:0;padding:0;clear:both;}
.previewLink{background:#fff;padding:20px;border:1px dashed #ccc}
.previewLink a{color:blue}

.pager 
{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.pager li
{
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

/*Documents selector*/
#docs .pdf, 
#docs .doc,
#docs .docx,
#docs .rtf,
#docs .txt,
#docs .xls,
#docs .xlsx,
#docs .ppt,
#docs .pptx,
#docs .gif,
#docs .jpg,
#docs .jpeg,
#docs .png
{
	display: block;
	padding-bottom: 5px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
#docs .pdf
{
	background-image: url(Images/a_pdf.gif);
}
#docs .doc, #docs .docx, #docs .rtf
{
	background-image: url(Images/a_doc.gif);
}
#docs .txt
{
	background-image: url(Images/a_txt.gif);
}
#docs .xls, #docs .xlsx
{
	background-image: url(Images/a_xls.gif);
}
#docs .ppt, #docs .pptx
{
	background-image: url(Images/a_ppt.gif);
}
#docs .jpg, #docs .jpeg
{
	background-image: url(Images/a_jpg.gif);
}
#docs .gif, #docs .png
{
	background-image: url(Images/a_gif.gif);
}
#docs ul.availableImages
{
	width: 400px;
}
#docs ul.availableImages li
{
	margin: 0 10px 2px 0;
	padding: 5px 5px 5px 25px;
	float: none;
	width: auto;
	height: auto;
	overflow: visible;
}
#docs ul.availableImages li .availableImagesPreview {
	display: none;
}
#docs ul.availableImages li .download-item
{
	background: none !important;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
#docs ul.availableImages li strong {
	font-size: 1em;
	cursor: pointer;
}
#docs .previewSelectedImage
{
	margin: 0 10px 10px 0;
	padding: 0;
	float: none;
	width: auto;
	height: auto;
	overflow: visible;
}
#docs .previewSelectedImage img
{
	display:none
}
.documentPrev{width:500px !important}
.dialogBox label {display:block}
.dialogBox input {width:400px}
.dialogBox ol{list-style:none;margin:0;padding:0}
.dialogBox li{margin-bottom:2.5em}
.dialogBox li label span{color:#666}
.mand{color:#666;margin:0;text-align:right;float:right;width:auto}

.error {
	background-color: #f00;
	color: #fff;
	font-size: 14px;
	margin: 0;
	padding: 5px;
}
/* Newsletter */
.availableRolesList 
{
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
	height: 270px;
	overflow: auto;
}
.selectedUsersPane .availableRolesList 
{
	border: 0;
	background-color: transparent;
	height: 335px;
}
.availableRolesList table
{
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	width: 322px;
}
.selectedUsersPane .availableRolesList table 
{
	width: 200px;
}
.availableRolesList table th, .availableRolesList table td 
{
	padding: 5px;
	border-bottom: 1px solid #ccc;
	font-size: .95em;
}
.availableRolesList .selectRole 
{
	background-color: #eee;
	text-align: right;
}
.availableRolesList a[disabled="disabled"]
{
	cursor: default;
}
.registeredUsersPane 
{
	padding-right: 10px;
	width: 350px;
	float: left;
}
.registeredUsersPane p
{
	margin: 0;
	padding: 0;
}
.registeredUsersPane .selectAllRoles 
{
	text-align: right;
	padding-bottom: 5px;
}
.add_selected_role 
{
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: auto;
}
.add_selected_role span
{
	padding: 0 5px;
}
.registeredUsersPane .searchRegisteredUser 
{
	padding: 10px;
	background-color: #D7DEE1;
}
.searchRegisteredUser label 
{
	display: block;
}
.searchRegisteredUser .searchButton
{
	background: transparent url(Images/NewsModuleSearchBg.gif) no-repeat 0 0;
	border: none;
	color: #fff !important;
	height: 22px;
	margin-left: 6px;
	margin-right: 5px;
	width: 69px !important;
}
/* Third Dialog */
div.radwindow_Sitefinity.ChooseFromLibrary table td.titlebar {
	width: 100%;
}
div.radwindow_Sitefinity.ChooseFromLibrary td.titlebar div.topresize {
	display: none;
}
div.radwindow_Sitefinity.ChooseFromLibrary table td.corner, div.radwindow_Sitefinity.ChooseFromLibrary table td.footercenter {
	width: 0;
	display: none;
}
div.radwindow_Sitefinity.ChooseFromLibrary .titlebar table 
{
	border: 0;
}
div.radwindow_Sitefinity.ChooseFromLibrary .titlebar table 
{
	height: 30px;
}
