/*Global layout*/
@import "RadControlsSkins.css";
html,body,form{height:100%;}
.dashboard, .pages, .modules, .files, .admin, .live{background:#C2CED0 url(Images/globBack.gif) repeat-y;margin:0 10px;min-height:100%;position:relative;_height:100%}
#main{background:transparent url(Images/RightTable.gif) no-repeat right top;float:right;margin-left:-224px;width:100%}
#main .in{margin-left:224px;}
#subnav{background:url(Images/BackTable1.png) repeat-x 0 0;float:left;min-height:411px;position:relative;width:220px;_height:411px}

/*Global styles*/
body{background:#fff url('Images/BodyBg.gif') repeat-x;font:normal 12px Arial, Verdana, Sans-serif}
a{color:#2B393C}
a:hover {color:#000}
.clear{clear:both}
input,textarea{font:normal 12px Arial, Verdana, Sans-serif;padding:3px}
.check input, .radio input {border:none}
h2{color:#ccc;font-size:16px;font-weight:bold}
h3{color: #fff;font-size:18px;font-weight: normal;margin:0 0 3px 3px;padding:0}
a.HelpBox, label a:link, label a:visited, .info dt a  {color: #666;cursor: help;font-size:11px;text-decoration: none}
div.HelpBox {position:absolute;background:#ffffe7;width:250px;border:1px solid #666;padding:13px 17px 17px 17px;cursor:pointer;z-index:10;text-align:left;line-height:1.3}
.HelpBox h6{font-weight:bold;margin-bottom:5px}
.HelpBox em {color:#000 !important;font-size:12px !important}
.HelpBox dt{margin-top:10px}
*[disabled="disabled"] {color:#666 !important;cursor:default}
*[disabled="disabled"] *{color:#666 !important;cursor:default}
.Forums #empty *[disabled="disabled"] strong
{
	color: #666 !important;
}
a.okdark[disabled="disabled"] strong, a.editdark[disabled="disabled"] strong {color:#ccc !important;cursor:default}
a.okdark[disabled="disabled"]:hover strong,a.editdark[disabled="disabled"]:hover strong{color:#ccc !important;cursor:default}
em, q{font-style:italic}
strong{font-weight:bold}
.deepInst {font-size:10px}
span.validator {background: url(Images/validator.gif) no-repeat right top;display:block;float:left;height: 22px;left:295px;_left:205px;text-indent:-9999px;top:5px;width:22px;}
span.validMessage strong{clear:both;background: url(Images/validator.gif) no-repeat top left;display:block;height:40px;line-height:25px;margin:5px 0 0 110px;padding-left:27px}
.multipleItemsEdit span.validMessage strong 
{
	clear: none;
}
#skip{position: absolute; top: -1000px; left: -1000px;}
.inlineInst{color:#666}
.pageStatus{background:#E6EBEC url(Images/success.gif) top left no-repeat;color:#356847;margin-top:-3px;_margin-top:3px;padding:3px 0 2px 30px}
.pageStatus strong{font-size:14px}
p.locked{background:red url(Images/lockedMess.gif) top left no-repeat;color:#fff;margin-top:-3px;_margin-top:3px;padding:3px 0 3px 30px}
p.locked a {color:#fff !important; margin:0 10px}
/*hacks*/
body{min-width:985px;
	_width:expression(document.documentElement.offsetWidth < 990 ? '990' : 'auto');
}
.clearfix:after, .details dl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix, .details dl {display: inline-block}
	/* Hides from IE-mac \*/
* html .clearfix, * html .details dl{height: 1%;}
.clearfix, .details dl {display: block;}
	/* End hide from IE-mac */

/*Header*/
#header{width:100%;background:url('Images/BodyBg.gif') repeat-x;height:128px}

.dashboard #header,.files #header,.live #header {height:87px}
.topBar{width:100%;color:#fff;position:relative}
.topBar h1.projectName{font-size:18px;line-height:42px;color:#fff;padding:4px 117px 0px 130px;background: transparent url('Images/SiteFinityLogo.gif') -10px 0 no-repeat}
.topBar ul.userInfo{position:absolute;right:10px;top:0}
.topBar ul.userInfo li{float:left;padding-top:20px;color:#ddd}
.topBar ul.userInfo li a{color:#fff}
.topBar ul.userInfo li a:hover{text-decoration:none}
.topBar ul.userInfo li.userName{font-weight:bold;color:#fff}
.topBar ul.userInfo li.userName span{font-weight:normal;color:#eee}
.tabstripWrapper{clear: both}
.topBar ul.userInfo li.langPick{margin-left:10px;padding-top:18px}


/*LeftCol*/
#subnav .in{padding: 15px 15px 15px 15px; background:transparent url(Images/LeftTable.gif) no-repeat left top}
#subnav h2 {font-weight:bold;font-size:14px;color:#4D676A;margin:0 0 5px 7px;padding:0 0 5px 0;clear:both}
#all a, .all a, #globalPerm a, #settings a, li.sel .all a, #comments a, .commentsLeftNav a, .complex li a, #tags a, #cat a, .newsletter a,
.globalPerm a, .settings a, li.sfSel .all a, #subnav .comments a, .complex li a, #subnav .tags a, .cat a
{
	padding-left:20px;
	margin:0 0 15px 10px;
	background:url(Images/templatesAll.gif) left top no-repeat;
	display:block;
	line-height: 20px;
	_height:2%;
}
.modules #subnav #expMenu li.newsletter a, .modules #subnav #expMenu li.newsletter a.sel, .modules #subnav .subscriberGroups .newsletter a, .modules #subnav .subscriberGroups .newsletter a.sel,
.modules #subnav .expMenu li.newsletter a, .modules #subnav .expMenu li.newsletter a.sfSel, .modules #subnav .subscriberGroups .newsletter a.sfSel
{
	background-image: url(Images/newsletter.gif);
	background-position: 3px 3px;
	padding-left: 25px;
}
#settings a, #subnav .settings a 
{
	background:url(Images/settings.gif) left top no-repeat;
}
.modules #subnav #settings a.sel, .modules #subnav .settings a.sfSel 
{
	background-image: url(Images/settings.gif);
	margin-bottom: 15px;
}
.templates #all a.sel, li.sel a, li.sel .all a, .modules #subnav a.sel, .admin #subnav a.sel,
.templates .all a.sfSel, li.sfSel a, li.sfSel .all a, .modules #subnav a.sfSel, .admin #subnav a.sfSel  
{
	padding-left:20px;
	margin:0 0 15px 10px;
	background:#666 url(Images/templatesAll.gif) 1px 1px no-repeat;
	display:block;
	line-height: 20px;
	color:#fff;
	text-decoration:none;
	padding-bottom:2px;
	width:auto !important
}
.modules #subnav #globalPerm a.sel, .modules #subnav .globalPerm a.sfSel 
{
	background-image: url(Images/globalPerm.gif);
}
.modules #subnav a.sel, .admin #subnav a.sel, .modules #subnav a.sfSel, .admin #subnav a.sfSel{margin-bottom:0px}
.modules #subnav dt a, .admin #subnav dt a{margin-bottom:0px}
.complex .all a{margin-bottom:5px!important;margin-top:0 !important}
.SiteMapTools {background:#D7DEE1;border:1px dashed #999;padding: 10px 5px 10px 10px;_height:1%}
.SiteMapTools h3{color:#000;font-weight:bold;font-size: 12px}
.SiteMapTools ul{margin:10px 0 0 0;padding:2px 0 0 20px;font-size:11px;background: url(Images/SiteMapToolsVert.gif) top left no-repeat}
.SiteMapTools li{height:17px}
.SiteMapTools a[disabled="disabled"], .SiteMapTools a[disabled="-1"]:hover {color:#999}
.admin #subnav .SiteMapTools a {
	padding: 1px 0;
	line-height: 20px;
}
.admin #subnav .SiteMapTools a.sel, .admin #subnav .SiteMapTools a.sfSel {
	background-image: none;
	margin: 0;
	padding: 1px 5px;
	display: inline;
}
#expMenu, .expMenu{margin-top:15px;margin-bottom:25px}
#expMenu dt, .expMenu dt,.expMenu #globalPerm,.expMenu .globalPerm {margin:0;padding:0;font-weight:bold}
#expMenu dd, .expMenu dd{margin:0 10px 10px 30px;padding:0;color:#333}
#globalPerm, .globalPerm {font-weight:normal;}
#globalPerm a, .globalPerm a, .complex .globalPerm a {background:url(Images/globalPerm.gif) left top no-repeat}
.admin #subnav #globalPerm a.sel {background-image:url(Images/globalPerm.gif)}
.itemsList, ul.templatesList{padding:0 10px;margin:0 0 20px 0}
.itemsList li, ul.templatesList li{margin-top:5px}
.itemsList li a, ul.templatesList li a{background:transparent url(Images/template.gif) top left no-repeat;padding-left:18px;padding-bottom:3px}
.itemsList li a.sel, ul.templatesList li a.sel, 
.itemsList li a.sfSel, ul.templatesList li a.sfSel  
{
	background:#666 url(Images/template.gif) 1px 1px no-repeat;
	color:#fff;
	text-decoration:none;
	padding: 2px 5px 2px 18px	
} 
#expMenu .all .date .pickerWrapper_Default .radPopupImage_Default 
{
	background: none;
	padding-left: 0;
	margin-left: 0;
}
#expMenu .all .date .inputCell
{
	width: 80px !important;
}
/* newsletter in left menu */

.subscriberGroups li
{
	margin-bottom: 15px;
	background: transparent url(Images/ul_subscriberGroups_li.gif) no-repeat 0 0;
	float: left;
	width: 100%;
}
.subscriberGroups li h3
{
	margin: 0;
	padding: 10px 10px 5px;
	color: #354648;
	font-size: 1.2em;
	font-weight: bold;
}
.subscriberGroups .subscribers 
{
	padding: 0 20px 15px 0;
	background: transparent url(Images/ul_subscriberGroups_p_subscribers.gif) no-repeat 0 100%;
	position: relative;
	bottom: -5px;
	font-size: .9em;
}
.subscriberGroups .subscribers a 
{
	margin: 0 0 0 10px;
	padding: 0 0 2px 25px;
	background: transparent url(Images/subscribers.gif) 3px 50% no-repeat;
	display: block;
	height: 19px;
	line-height: 20px;
}
.modules #subnav .subscriberGroups .subscribers a.sel
{
	margin: 0 0 0 10px;
	padding: 0 0 2px 25px;
	background-image: url(Images/subscribers.gif);
	background-position: 3px 50%;
	display: block;
	height: 19px;
}
.subscriberGroups .newsletter 
{
	padding-right: 8px;
	font-size: .9em;
}
.subscriberGroups .newsletter a 
{
	margin-bottom: 0;
	height: 19px;
}
.manageSubscriberGroups {
	background-color: #d7dee1;
	border: 1px dashed #999999;
	padding: 10px 5px 10px 10px;
	width: 168px;
}
.manageSubscriberGroups li 
{
	clear: both;
	margin-bottom: 5px;
}
.manageSubscriberGroups a 
{
	font-size: 1.1em;
	font-weight: bold;
}
.modules #subnav .manageSubscriberGroups a.sel
{
	display: inline;
	background-image: none;
	margin-left: 0;
	padding: 0 3px 3px;
}
#subnav .ddlContent a
{
	margin-top: 5px;
}
#subnav .ddlContent {
	margin: 0 0 10px;
}
/*RightCol*/
.ContorlPanelTitle, .ControlPanelTitle  {font-size: 14px;padding:8px 140px 3px 10px;color:#2c6fc2}
.ContorlPanelTitle a, .ControlPanelTitle a {color: #2c6fc2;text-decoration: none}
.ContorlPanelTitle a:hover, .ControlPanelTitle a:hover {text-decoration: underline}
.ContorlPanelTitle a.currentBCItem, .ControlPanelTitle a.currentBCItem 
{
	cursor: default;
}
.ContorlPanelTitle a.currentBCItem:hover, .ControlPanelTitle a.currentBCItem:hover 
{
	text-decoration: none;
}
.ContorlPanelTitle h1, .ControlPanelTitle h1 {display:inline;font-size:16px;font-weight:bold}
.ToolsAll, .toolsAll, .pollToolsAll {background:url(Images/dash.gif) top left repeat-x;margin-top:2px;padding:5px 0 0 0;_padding-left:1px}
.ToolsAll .CmsButLeft {margin:5px 0 5px 0}
.ToolsAll a.back {float:left;margin-top:10px;}
.ToolsAll a.back:hover,.ToolsAll a.rootURL:hover{color:#333}
.ToolsAll a.new{margin-left:8px;_margin-left:4px}
.backWrapp{padding:0 0 0 5px}
.backWrapp a.back, .ToolsAll a.rootURL {background:url(Images/backDark.gif) center left no-repeat;padding-left:10px;margin-bottom:8px;display:block;float:left;width:auto;color:#4D6064;font-weight:bold;text-decoration:none}


/*Search*/
.searchItems {float:right;margin:5px 5px 8px 0}
div.searchItems input.searchButton{background: transparent url('Images/NewsModuleSearchBg.gif') no-repeat;border:0;width:69px !important;height:22px;margin-left:6px;margin-right:5px;color:#fff !important}
.searchItems input.searchString{width:200px;padding:2px 3px 1px 3px}
.searchInputs label {margin:0 5px 0 10px}

.workArea, .sm {background: url(Images/darkG.png) top left repeat-x;min-height:334px;_height:334px;clear:both;width:100%;float:left;padding-bottom:20px;padding-top:5px}
.insert{margin-top:3px}
.ItemTools {padding:3px 5px 0 10px;float:left;width:100%;}
.ItemTools a.back {float:left;width: auto;color:#fff;background: url(Images/Actionsleft.gif) center left no-repeat;padding-left:10px;margin:5px 20px 0 10px}
.ItemTools p {margin:5px 20px 0 20px;padding:0 5px;color: #ccc;float:left}
h2.gridTitle, .allItems h2.gridTitle,.workArea caption,#historyWrapper caption{background:transparent;font-size:16px;font-weight:bold;color:#ccc;margin:0;padding:6px 0 3px 5px;width:98%;margin:0 auto;text-align:left}
.workArea.noInfoColumn .info 
{
	display: none;
}
.workArea.noInfoColumn .mainForm, .workArea.noInfoColumn .view
{
	width: 98%;
}
/*Group actions*/
.groupAct a {color:#f0f0f0;margin:0 3px}
.groupAct a:hover {color:#fff;}
.groupAct a.sel,#listWrapper .toolsAll a.sel:hover  {color:#ccc;text-decoration:none;cursor:default}
.groupAct {color:#ccc;padding:10px 0; margin:0 10px;border-bottom:1px solid #999} 
.groupActions {height:25px;}
.lang{background:#4D676A;margin:0 0 10px;padding:5px 5px 5px 10px;border:0}
.lang a{color:#ccc}

/*Single Item*/
.mainForm, .view{float:left;width:74%;margin-left:1%;_margin-left:0.5%}
.alternativeGrid {
	width: 98% !important;
}
.more a.coll,.more a.ex{color:#333;padding-left:13px;font-size:18px;text-decoration:none}
.more a.coll{background:url(Images/ArrowBlogs.gif) center left no-repeat}
.more a.ex{background:url(Images/ArrowBlogsEx.gif) center left no-repeat}
.more span{color:#555;font-size:12px}
.more a.ex span{display:none}
.mand{text-align:right;margin-bottom:0;color:#fff;position:relative;top:1.4em}

/*Round-cornered set*/
.set{border:0px;background:transparent url(Images/FieldsetCornersRight.gif) top right no-repeat;padding-right:4px}
.setIn{padding:10px 0 10px 16px;margin:0 !important;display:block;background: transparent url(Images/FieldsetCorners.gif) no-repeat top left}
.bottom {height:4px;background:transparent url(Images/FieldsetCornersRight.gif) bottom right no-repeat;margin-bottom:20px!important;padding-right:4px}
.bottom div{height:4px;background:transparent url(Images/FieldsetCorners.gif) bottom left}
	/*Hide from IE5/Mac\*/
* html .setIn {height: 1%}
* html .langCol .setIn {height: auto}
	/*End Hide from IE5/Mac */
.info .set{background: transparent url(Images/cornersDarkRight.gif) top right no-repeat}
.info .setIn{background: url(Images/cornersDark.gif) no-repeat top left}
.info .bottom{background: transparent url(Images/cornersDarkRight.gif) bottom right no-repeat;margin:0 16px !important}
.info .bottom div{background: transparent url(Images/cornersDark.gif) bottom left}
.setW
{
	border:0px;
	background: transparent url(Images/FieldsetCornersRightWhite.gif) top right repeat-y;
	padding-right: 4px;
	clear:both;
}
.setInW
{
	padding:30px 5%;
	margin: 0 !important;
	display: block;
	background: transparent url(Images/FieldsetCornersWhite.gif) repeat-y top left;
	min-height:600px;
	_height:600px;
}
.bottomW {height: 4px;background: transparent url(Images/FieldsetCornersRightWhite.gif) bottom right no-repeat;overflow: hidden;margin: 0 0 5px 0 !important;padding-right: 4px}
.bottomW div{height: 4px;background: transparent url(Images/FieldsetCornersWhite.gif) bottom left;overflow: hidden}

.newsletterStatusinBrief .setInW {
	min-height: 0;
	height: auto;
}
.newsletterStatusinBrief h3 
{
	color: #666600;
}
/*Form elements*/
.mainForm input,.mainForm textarea{width:355px}
.mainForm .selector input{width:285px; vertical-align: middle;}
.mainForm textarea {height:50px}
.mainForm .keywords textarea {height:30px}
.mainForm .title input {font: bold 14px Arial, Verdana, Sans-serif}
.mainForm label{float: left;width: 130px;margin:5px 5px auto auto;text-align:right}
.mainForm label em, .mainForm li h4 em, .mainForm li h5 em{font-style:italic;font-size:10px;color:#666}
fieldset.meta ol{background: #E8EDEE}    
.set li{margin-bottom:5px;clear:both}
.set li.catSel {margin: 0;}
.radio label, .check label {float:none;padding-left:5px;color:#000}
.radio input, .check input {width:auto}
.radio .directionFloat input { vertical-align: middle; }
.set h4 {font-size:14px;font-weight:bold;color:#666;border-bottom:1px solid #ccc;margin-bottom:10px}
.set h5 {float:left;width:125px;text-align:right;margin-right:10px}
.example {color: #666;margin:2px 0 15px 135px;width:355px}
.leftalign {margin-left:0}
.radio .example{margin-left:135px;max-width:400px;font-size:11px;color:#555}
.set li.radio, .set li.check, .radio, .check {margin-right:10px;clear:none}
.set li.radio { margin-bottom: 0; }
.set .radio fieldset,.set .check fieldset{border:1px solid #ccc;padding:5px 10px 5px 10px;float:left;margin-right:10px}
legend{padding:0}
.setIn div.hidden {
	display: none;
}
div.workArea fieldset.set .radio h5 {
	width: 125px;
	float: left;
}
.Blogs .coll {
	padding-left: 13px;
	background: transparent url(Images/ArrowBlogs.gif) no-repeat left center;
}
.Blogs .ex {
	padding-left: 13px;
	background: transparent url(Images/ArrowBlogsEx.gif) no-repeat left center;
}
.Blogs .choosePost {
	clear: both;
	margin-bottom: 0;
	padding-bottom: 5px;
}
.Blogs .choosePost input {
	vertical-align: middle;
}
.formGroup{margin: 10px 0 30px}
/*Permissions*/
.PermissionSet .mainForm{padding-top:12px}
.PermissionSet ol {line-height: 1.5}
.PermissionSet ol, .PermissionSet li {border: 0}
.PermissionSet ol li {margin-left:0;padding: 8px 0 8px 0}
.PermissionSet li.selectRole {border-bottom: 1px solid #E8EDEE}
.PermissionSet table {border-top: 1px solid #000} 
.PermissionSet th {width: 160px;border-bottom: 1px solid #ddd;text-align:left}
.PermissionSet td {border-bottom: 1px solid #ddd;padding-bottom: 3px}
.PermissionSet h2 {font-size:14px;font-weight:normal;margin-bottom:3px}
.PermissionSet .mainForm fieldset h3 {font-size: 18px;font-weight: normal;color:#667E84;padding-left: 40px;line-height: 35px;margin-bottom: 10px}
.selectRole h3 {background: transparent url(Images/one.gif) top left no-repeat}
.setPerm h3{background: transparent url(Images/two.gif) top left no-repeat}
.savePerm h3{background: transparent url(Images/three.gif) top left no-repeat}
.selectRole select{width: 270px;font-size: 18px;font-weight: normal}
.inheritance p a{font-weight:bold;color:#516468;font-size:14px}
.inheritance p a:hover {color:#000}
.inheritance {background: transparent url('Images/FieldsetCornersRight.gif') right top no-repeat;padding-right:4px}
.inheritance p, .inheritance div{background: transparent url(Images/FieldsetCorners.gif) no-repeat top left}
.setPerm p{margin-top:30px;width:250px;color:#667E84;font-size:14px;font-weight:bold;border:1px dashed #999;padding:5px 6px;}


/*Info*/
.info{float:right;width:24%;margin-top:30px;color: #1a272c;	background: #fff url('Images/InfoDivBg.gif') no-repeat}
.Showcases .faq, .Showcases .hideAllFAQs, .Testimonials .faq, .Testimonials .hideAllFAQs { display: none; }
.info dl.stat{font-size: 10px;margin: 0 13px 30px 13px}	
.info .stat dt {clear: left;margin-top: 5px;border-top: 1px solid #ccc;margin-bottom: -13px;padding-top: 5px;font-size: 10px;color: #666}
.info .stat dt em {font-style:normal;width: 70px;display:block}
.info .stat dd {margin-left:85px}
.info .stat dd.empty {color: #999}
.workArea .info h3{margin: 20px 20px 10px 20px !important;font-size: 18px;font-weight: normal;color: #667E84}
.info dl.faq,.info ol.faq
{
	min-height:370px;
	_height:410px;
	font-size:11px;
}
.info dl.faq ul{list-style:disc;padding-left:15px}
.info .faq dt{border-top: 0;padding-top: 5px;clear: both;color: #000;font-weight: bold;margin:8px 20px 0 20px}
.info .faq dd {margin:3px 20px 0 20px}
.info ol.faq li {margin:5px 20px 0 45px;list-style:decimal}
.info .faq ul li{margin-top:3px;margin-bottom:4px}
.info .langCol{margin:0 16px;color:#999}
.info .langCol ul {list-style:disc;padding-left:20px;color:#ddd;max-height:150px;overflow-y:auto}
.info .langCol li {margin-bottom:5px}
.info .langCol .sel {color:#ededed;font-weight:bold !important}
.info .langCol a {color:#fff}
.info .langCol p {color:#ddd;margin:0 10px 10px  0;border-bottom:1px solid #999;padding-bottom:10px}
.info .hideAllFAQs 
{
	text-align: right;
	padding: 10px 20px 0 15px;
}
.info .infoBottom 
{
	margin: 0;
	background: url(Images/infoGradient.png) no-repeat 0 100%;
	padding: 0 0 101px;
	min-height: 370px;
}
*html .info .infoBottom 
{
	height: 370px;
	overflow: visible;
}
.info .hideAllFAQs a 
{
	color: #666;
}
/*Buttons*/
.CmsButLeft {
	padding-left:25px;
	font-size:11px;
	display: block;
	width:auto;
	float:left;
	text-decoration:none;
}
.CmsButRight {
	padding-right:25px;
	display:block;
	height:25px;
	width:auto;
	float: left;
	line-height: 22px;
	color: #000;
	border:0;
	padding: 0 25px 0 0;
	font-size: 11px;
	font-family:arial;
	font-weight: bold;
	cursor: hand;
}
.disabled, .disabled strong {
	cursor: default;
}
#uploadBtnDisabled .CmsButLeft, #uploadBtnDisabled .CmsButRight, 
#thumbnailUploadBtnDisabled .CmsButLeft, #thumbnailUploadBtnDisabled .CmsButRight
{
	cursor: default;
	color: #ccc;
	padding-top: 0;
	clear: both;
}

#uploadBtnEnabled .CmsButLeft, #uploadBtnEnabled .CmsButRight
{
    clear: both;
}

a.CmsButLeft:hover strong {color: #2C6FC2}
.ok {padding-left:30px;background: transparent url(Images/button_light_ok.gif) top left no-repeat}
.okdark 
{
    display: block !important;
    font-size:12px;
    padding:0 0 0 35px !important;
    background: transparent url(Images/button_dark_ok.gif) top left no-repeat;    
}

.onNewLine 
{
    clear: both;
}

.okdark .CmsButRight{font-size:12px; cursor: pointer;}
.upldark {font-size:12px;padding-left:35px;background: transparent url(Images/button_dark_upl.gif) top left no-repeat}
.uplark .CmsButRight{font-size:12px}
a.ok strong.CmsButRight, a.editdark strong.CmsButRight,a.upldark strong.CmsButRight {font-weight: bold}
a.light, span.light{background: transparent url(Images/button_light_simple.gif) top left no-repeat}
strong.light{background: url(Images/button_light.gif) top right no-repeat}
a.dark, span.dark{background: transparent url(Images/button_dark_left.gif) top left no-repeat}
a.dark:hover strong{color: #fff !important}
strong.dark{background: url(Images/button_dark_right.gif) top right no-repeat;color:#fff}
.editdark {padding-left:35px;background: transparent url(Images/button_dark_edit.gif) top left no-repeat}
a.editdark:hover strong,a.okdark:hover strong, a.upldark:hover strong {color: #fff !important}
.new{padding-left:30px;background: transparent url(Images/button_light_new.gif) top left no-repeat}
.new strong {font-weight:bold}
a.disable strong,a.disable:hover strong{color:#c8c8c8 !important}

/*Button Area*/
.button_area {float:left;padding:3px 0 4px 0;width:100%;font-size:12px}
.button_area:after{clear:left}
.button_area span{padding-top:3px;float:left;margin-right:7px}
.button_area a.CmsButLeft {margin-right: 8px}
.top a.CmsButLeft {margin-left:0 !important}
.button_area a.cmscclcmd {color: #333;vertical-align: top;float:left;padding-top:3px;margin-right:8px}
.button_area .cmsorlbl {vertical-align: bottom;line-height: 20px;padding-right: 10px}
.set .button_area {float:none;padding-bottom:0}
p.top{border-bottom:1px solid #999;padding-top:3px !important}
p.bot{margin-top:20px;margin-bottom: 30px;border-top:1px solid #eee;padding-top:6px}
p.top a.cmscclcmd, p.top span{color:#ccc !important}

/*Grid*/
.listItems {width:98%;margin:0 auto 20px auto;clear:both; }
.listItemsBindOnClient {border-collapse: separate !important; }
/*
.Libraries #commentsList .listItems, .Libraries #videoList .listItems 
{
	margin-left: auto;
	margin-right: auto;
}
*/
.listItems th {background:/*#637783#557075;*/#4D676A;color:#fff;font-weight:bold;text-align:left;font-size:11px;padding:7px 10px; vertical-align: top; }
.listItems th a {color:#fff}
.listItems th a:hover {color:#ededed}
.listItems th .rgSortAsc, .listItems th .rgSortDesc 
{
	display: none;
}
.listItems td 
{
    background: #F0FAFE !important;
    line-height: 14px;    
    padding:5px 10px 6px;
    font-size:11px;
    vertical-align:top
}
.listItems td.gridActions 
{
    background: #E8F1F4 !important;
    font-size:11px;
    font-weight:bold !important;
    width:20px;
    padding-left: 10px;
    padding-right: 10px;
}

.listItems td 
{
    background: #F0FAFE !important;
    line-height: 14px;
    border-top: solid 1px #d5e6ec;
    padding:5px 10px 6px 10px;
    font-size:11px;
    vertical-align:top
}

.listItems td.delete a {
	display: block;
	background: url(Images/ControlTitleDelete.gif) top left no-repeat;
	text-indent:-9999px;
	width: 16px;
	height:16px;
	overflow:hidden;
}

.listItems td.delete a[disabled="disabled"] {
	cursor: default;
	display: block;
	background: url(Images/ControlTitleDeleteDis.gif) no-repeat top left;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	overflow: hidden;
}
.listItems td.deleteDis a {
	cursor: default;
	display: block;
	background: url(Images/ControlTitleDeleteDis.gif) no-repeat top left;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	overflow: hidden;
}
.listItems td.editDis a {
	cursor: default;
	color: #999;
}
.listItems td.gridContentTitle {font-weight:bold !important;font-size:12px}
.listItems td.gridContentTitle img {
	display: block;
	margin-left: 20px;
}
.templates .listItems td.gridContentTitle a, .pages .listItems td.gridContentTitle a, .listItems tr.cms_locked td.gridContentTitle a {padding-left: 20px;display:block;background:url(Images/template.gif) left top no-repeat;padding-bottom:5px}
.pages .listItems tr.cmsHomePageNode td.gridContentTitle a {
	background-image: url(Images/home.gif);
}
.pages .listItems tr.cms_locked td.gridContentTitle a, .listItems tr.cms_locked td.gridContentTitle a {
	background-image: url(Images/padlock.gif);
}
.pages .listItems tr.cmsPageGroup td.gridContentTitle a {
	background-image: url(Images/templatesAll.gif);
	padding-bottom: 6px;
}
.pages .listItems tr.cmsExternalPageNode td.gridContentTitle a {
	background-image: url(Images/templateExternal.gif);
}
.pages .listItems tr.cmsHomePageNode td {
	font-weight: normal;
}
.templates .listItems tr.gridBroken td.gridContentTitle a {background:url(Images/broken.gif) left top no-repeat}
.Newsletters .listItems td.gridContentTitle a {background:url(Images/a_newsletter.gif) no-repeat 0 2px; }
/* Visibility column */
.listItems span.hidden 
{
	background: transparent url(Images/hidden.gif) no-repeat 0 0;
	padding-left: 18px;
}
.listItems span.visible 
{
	background: transparent url(Images/visible.gif) no-repeat 0 0;
	padding-left: 18px;
}
.listItems .switchVisibility 
{
	width: 9em;
}
/*
.listItems tr.cms_locked td{background:#E9F2F5 !important}
.listItems tr.cms_locked span.stat {background:url(Images/padlock.gif) left center no-repeat;padding:3px 0 3px 20px}
*/
.pages .history td.gridActions {width:130px}

.alternate td {background: #CFE8EB !important;border-top: solid 1px #F0FAFE;}
.alternate td.gridActions {background: #BCDEE2 !important}
.pages .listItems {position:relative;}

.comments td {background: #CFE7D7 !important;border-top: solid 1px #F0FAFE;}
.comments td.gridActions, .listItems tr.hidden td.gridActions {background: #B5D2BE !important}

.listItems .gridContentTitle a,
.listItems .pdf .gridContentTitle a, 
.listItems .doc .gridContentTitle a,
.listItems .docx .gridContentTitle a,
.listItems .rtf .gridContentTitle a,
.listItems .txt .gridContentTitle a,
.listItems .xls .gridContentTitle a,
.listItems .xlsx .gridContentTitle a,
.listItems .ppt .gridContentTitle a,
.listItems .pptx .gridContentTitle a,
.listItems .gif .gridContentTitle a,
.listItems .jpg .gridContentTitle a,
.listItems .jpeg .gridContentTitle a,
.listItems .png .gridContentTitle a,
.itemInfo .pdf, 
.itemInfo .doc,
.itemInfo .docx,
.itemInfo .rtf,
.itemInfo .txt,
.itemInfo .xls,
.itemInfo .xlsx,
.itemInfo .ppt,
.itemInfo .pptx,
.itemInfo .gif,
.itemInfo .jpg,
.itemInfo .jpeg,
.itemInfo .png,
.itemInfo .itemExtension
{
	display: block;
	padding-bottom: 5px;
	padding-left: 20px;
	background: transparent url(Images/default.gif) no-repeat 0 0;
}
.listItems .pdf .gridContentTitle a, .itemInfo .pdf
{
	background: transparent url(Images/a_pdf.gif) no-repeat 0 0;
}
.listItems .doc .gridContentTitle a, .listItems .docx .gridContentTitle a, .listItems .rtf .gridContentTitle a, .itemInfo .doc, .itemInfo .docx, .itemInfo .rtf
{
	background: transparent url(Images/a_doc.gif) no-repeat 0 0;
}
.listItems .txt .gridContentTitle a, .itemInfo .txt
{
	background: transparent url(Images/a_txt.gif) no-repeat 0 0;
}
.listItems .xls .gridContentTitle a, .listItems .xlsx .gridContentTitle a, .itemInfo .xls , .itemInfo .xlsx
{
	background: transparent url(Images/a_xls.gif) no-repeat 0 0;
}
.listItems .ppt .gridContentTitle a, .listItems .pptx .gridContentTitle a, .itemInfo .ppt, .itemInfo .pptx
{
	background: transparent url(Images/a_ppt.gif) no-repeat 0 0;
}
.listItems .jpg .gridContentTitle a, .listItems .jpeg .gridContentTitle a, .itemInfo .jpg, .itemInfo .jpeg
{
	background: transparent url(Images/a_jpg.gif) no-repeat 0 0;
}
.listItems .gif .gridContentTitle a, .listItems .png .gridContentTitle a, .itemInfo .gif, .itemInfo .png
{
	background: transparent url(Images/a_gif.gif) no-repeat 0 0;
}
.listItems .wmv .gridContentTitle a, .listItems .flv .gridContentTitle a, .itemInfo .wmv, .itemInfo .flv
{
	background: transparent url(Images/a_wmv.gif) no-repeat 0 0;
}

/*Group actions*/
.groupActions{color:#ddd;width:98%;margin:5px auto;padding:5px 0;border-top:1px solid #999}
.groupActions a {color:#f0f0f0;margin:0 10px}
.groupActions a:hover {color:#fff}
.groupActions select {margin:0 10px}
.groupActions a.delete {background:url(Images/ControlTitleDelete.gif) center left no-repeat; padding-left:18px;margin-left:5px}
.Libraries .groupActions a.delete 
{
	display: inline;
}
.groupActions a.unassign {background:url(Images/unassign.gif) center left no-repeat; padding-left:25px;margin-left:5px}
.groupActions .teaser {float:left;}
.groupActions a.deleteVideo {background:url(Images/ControlTitleDelete.gif) center left no-repeat; padding-left:18px;margin-left:5px}

/* Viddler Sync Grid */
.listItems td.gridCheckBoxItem 
{
	width: 15px;
}
.listItems td.gridSyncThumb 
{
	width: 85px;
}
.listItems .gridSyncStatus 
{
	width: 90px;
}
.listItems .videosSynced 
{
	color: green;
}
.listItems .videosNotSynced 
{
	color: red;
}
/*blank slate*/
.workArea #empty, .sitemap #empty {text-align:center;padding-top:50px}
.workArea #empty h2, .sitemap #empty h2 {padding:20px 0;text-align:center}
.workArea #empty p, .sitemap #empty p{background:transparent;line-height:1.4}
a.mainLink {font-size:23px}
.workArea #empty p a,.sitemap #empty p a{font-weight:bold}
.workArea #empty a:hover,.sitemap #empty a:hover{color:#fff}
.noGroupsMsg 
{
	color: #666;
	padding-bottom: 5px;
}
/*Messages*/
.success{background:#87B449;color:#fff;padding:3px 10px;margin:5px 10px;font-size:12px}
.unsuccess{background:#ff0;color:#000;padding:3px;margin:10px;font-size:12px}
.error{background:#f00;color:#fff;padding:5px;margin:10px;font-size:14px}


/* RadEditor fixes */ 

.RadEDockingZone{vertical-align:middle}
.RadEDockingZone input{width:auto}
.RadEDockingZone{width:auto}
textarea.RadETextArea{padding:0}

/*readonly field*/
.exField {margin:0;padding:0 0 0 0 !important;}
.exField dl{margin:0 0 10px 0 !important;padding:0;}
.exField dt{float:left;width:125px;margin:5px 5px 0 0;text-align:right}
.exField .example {clear:both;margin-left:130px;margin-top:2px}
.readOnly{font-size:18px; width:355px; padding:1px 4px;border:1px dashed #999;float:left}

.directionFloat {
	float: left; 
}

div.radwindow_Sitefinity .windowcontent {
	/* height: 440px !important; */
}

/* Steps for pages */
.step1 h3 
{
    background: url(Images/one.gif) top left no-repeat;
}
.step2 h3 
{
    background: url(Images/two.gif) top left no-repeat;
}
.step3 h3 
{
    background: url(Images/three.gif) top left no-repeat;
}


/* Editor custom dialog */

.LibraryImageManager 
{
    background-position: -366px center;
}

.LibraryDocumentManager 
{
	background-position: -185px center;
}

/* caching options */
.set fieldset.cacheSettings {
	border: none;
	float: none;
	margin-right: 0;
	padding: 0 0 10px;
}
.services .set fieldset.cacheSettings {
	padding-left: 135px;
}
.pages .set fieldset.cacheSettings {
	margin-bottom: 30px;
}
.Libraries .set fieldset.cacheSettings {
	margin-bottom: 20px;
}
.cacheSettings div
{
	margin: 10px 10px 10px 0;
	padding: 10px;
	background-color: #fff;
	border: 1px dashed #ccc !important;
	width: 280px;
}
.cacheSettings ol
{
	padding-top: 10px;
}
.cacheSettings input {
width:auto;
}
.cacheSettings label {
	color: #000;
	float: none;
	padding-left: 5px;
	width: auto;
}