.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
}
.DNNAligncenter {
text-align:left;
}
div.mediasearchresultthumb { float: left; padding: 4px; }
div.mediasearchresult { float: left; padding: 4px; width:75%; }
/*-=< CONTENT EDIT TABS >=-*/
div#dbPages {
/*border-bottom: 1px solid #CCC;*/
min-width: 750px;
}
div.graph { background: url(../images/bar.png); }
div.half { width: 49%; float:left; }

/*-=< CONTENT EDIT AREA >=-*/
div.contentEdit {
background: #FFF;
/*border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;*/
min-width: 730px;
padding: 10px;
}
div.contentEditFull {
border-top: 1px solid #CCC;
}
div.contentEdit div.leftSideEdit {
float: left;
min-width: 500px;
width: 70%;
}
div.contentEdit div.rightSideBar {
float: right;
width: 25%;
min-width: 200px;
}
/*-=< RIGHT SIDEBAR >=-*/
div.contentEditSideBar,div.contentEditSideBarSummary  {
border: 1px solid #CCC;
margin: 0 0 15px;
}
div.contentEditSideBar h3, div.contentEditSideBarSummary h3 {
background: #CCC;
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0 !important;
padding: 5px 10px;
}
div.contentEditSideBar div.inner, div.contentEditSideBarSummary div.inner {
padding: 10px;
}
div.contentEditSideBarSummary {
border: 1px solid #f55;
}
div.contentEditSideBarSummary h3 {
background: #F66;
color: #FFF;
}
div.contentEditSideBarSummary div.inner {
color: #a00;
}
div.contentEditSideBarSummary div.inner a:link, 
div.contentEditSideBarSummary div.inner a:visited, 
div.contentEditSideBarSummary div.inner a:active {
text-decoration: none;
color: #a00;
}
div.contentEditSideBarSummary div.inner a:hover {
text-decoration: underline;
}
/*-=< TEXT STYLES >=-*/
div.formElementInfo {
font-size: 12px;
font-style: italic;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666;
background: #ffc;
border: 1px solid #cc7;
padding-left:8px;
}
a.formButton:link, 
a.formButton:visited, 
a.formButton:active {
color: #060;
padding-right:5px;
}
a.formButton:hover
{
text-decoration: underline;
}
div.formElement {
margin: 0 0 10px;
}
div.formElementSummary {
margin: 0 0 10px;
color: #a00;
}
div.formElementSummary div{
margin: 0 0 10px;
color: #a00;
}
span.formWarning { 
font-size: 12px;
font-style: italic;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999;
padding-left:8px;
}
span.formWarningR { 
font-size: 12px;
font-style: italic;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #a00;
padding-left:8px;
}
span.formError {
font-style: italic;
color:#a00;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.contentEdit ul {
margin:0 20px;
padding:0;
}
.contentEdit li{
margin:0 0 5px;
}

.dnnFormRightBox { display: inline; float: left; font-weight: normal; margin: 0 10px 0 4px; padding-right: 0; width: 280px; } 
.dnnFormRightBoxWide { display: inline; float: left; font-weight: normal; margin: 0 10px 10px 4px; padding-right: 0;width: 62%; }
.dnnFormRightBox label.blocked { display: inline-block; margin: 0 10px 0 4px; padding-right: 0; text-align: left; width: 20%; }


.RadGrid span, .RadWysiwyg span, .RadTreeView span { display:inline-block; font-size: 12px; padding-top: 0; }
.RadTreeView li { margin:0px; }

.contentEdit span#primaryTerm { display: inline-block; font-size: 12px; }

.contentEdit input,
.contentEdit textarea { font-size: 16px; }
.contentEdit input.long,
.contentEdit textarea.long { width: 98%; }
.contentEdit input.short { width: 30%; }
.contentEdit input.shorter { width: 20%;padding: 4px;margin-bottom: 0; }
.contentEdit select.long { width: 98%; }
.contentEdit .plugin input { width: inherit;}


ul#taxList li.primary
{
color: #060;
}

ul#taxList li, #tagList ul li
{
color: #aaa;
padding-right:5px;
margin: 0;
cursor: pointer;
}

.accept {
	background: white url(../images/accept.png) no-repeat 0 4px;
}
.error {
	background: white url(../images/exclamation.png) no-repeat 0 4px;
}

.paddedall { padding: 4px; }


.labelcontainer { clear:both; }
/*h4 { color: #555555; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; padding: 0; float:left; font-weight: bold; }*/
div.stormspacer { padding-top: 10px; }
.helpon { padding: 10px; background-color: #CCCCFF; border: 1px solid #AAAAFF; color: #555555; }
.helpoff { padding: 10px; color: #006600; }
.warning { color: #999999; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; font-style: italic; padding-left: 8px; float:left; padding-top: 4px;}
.charcounter { color: #999999; }
.charcounternotification { border:2px solid #669d3a;background-color:#d6fDaA;padding:5px; }
.help { display:none; clear:both; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; background-color: #CCCCFF; border: 1px solid #AAAAFF; color: #555555; padding: 2px; margin-bottom:1px; width: 98%;}
#help { display:block; cursor: pointer; }
.multipage { padding: 5px; border: 1px solid #cccccc; }


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(/desktopmodules/mojo/resources/images/tooltip/black_big.png);
	font-size:12px;
	height:130px;
	width:260px;
	padding:30px;
	color:#fff;	
}

/* style the trigger elements */
.tooltipper { border:0;	cursor:pointer; }

/* RadEditor Customizable Buttons */
.reToolbar.Vista .InsertStormPageBreak
{
   background-image: url(../images/pagebreak.png);
}

/* RadEditor Customizable Buttons */
.reToolbar.Vista .StormCodeFormat
{
   background-image: url(../images/icon-code.png);
}

/* RadEditor Customizable Buttons */
.reToolbar.Vista .StormInsertGallery
{
   background-image: url(../images/icon-imagegallery.png);
}


/* JCROP settings */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('../images/Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.RadUpload .ruInputs li {
    border: 1px solid #ACACAC;
    clear: both;
    margin: 0 0 5px;
    padding: 15px;
    list-style-type: none;
}
.ruFileWrap input[type="file"] {
    font-size: 10em !important;
    transform: none !important;
}
.ruDropZone {
    background: none repeat scroll 0 0 #D9EEFF;
    border: 1px dashed #BBBBBB;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #4577A2;
    height: 150px !important;
    margin: 0;
    position: relative;
    width: 180px;
}
.ruDropZone span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF, 1px 1px 0 #555555 inset;
    color: #FFFFFF;
    cursor: default;
    display: block;
    font-size: 12px;
    left: 38px;
    opacity: 0.5;
    padding: 5px 7px;
    position: absolute;
    top: 60px;
    transition: all 500ms ease-in-out 0s;
}
.RadUpload .ruFileWrap {
    display: inline-block !important;
    line-height: 20px !important;
    padding-right: 20px !important;
    position: relative !important;
    vertical-align: top;
    white-space: nowrap;
    height:34px !important;
}
.RadUpload_Default .ruStyled .ruFileInput {
    border-color: #ABADB3;
}
.RadUpload .ruStyled .ruFileInput {
    opacity: 0;
    position: absolute;
    z-index: 1;
}
.RadUpload .ruStyled .ruFileInput, .RadUpload .ruFakeInput {
    -moz-box-sizing: content-box;
    border-style: solid;
    border-width: 1px;
    line-height: 18px;
    padding: 4px 4px 0;
}
.RadUpload input.ruFileInput {
    font: 100px monospace;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
}
.RadUpload, .RadUploadProgressArea {
    text-align: left;
    width: 380px;
}
.RadUpload .ruFileInput, .RadUpload .ruFakeInput, .RadUpload .ruButton, .RadUploadProgressArea .ruButton {
    vertical-align: baseline !important;
    width: auto !important;
}

.ruDropZone
{
    background: none repeat scroll 0 0 #D9EEFF !important;
    border: 1px dashed #BBBBBB !important;
    border-radius: 3px 3px 3px 3px !important;
    box-shadow: 0 1px 0 #FFFFFF !important;
    color: #4577A2 !important;
    height: 150px !important;
    margin: 0 0 20px 0 !important;
    position: relative !important;
    width: 180px !important;
    display:block !important;
    left: 10px !important;
    top: 10px !important;
}

.ruDropZone span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF, 1px 1px 0 #555555 inset;
    color: #FFFFFF;
    cursor: default;
    display: block;
    font-size: 12px;
    left: 38px;
    opacity: 0.5;
    padding: 5px 0px 2px 0px;
    position: absolute;
    top: 60px;
    transition: all 500ms ease-in-out 0s;
}


.dnnFormItem .RadTreeView input[type="checkbox"], .dnnFormItem .RadTreeView input.rcbInput
{
    float: none !important;
}

#imageResizable { max-width: 5000px !important; }
