/*
ACTION BAR
*/
.rantActionBar
{
	float:right;
	width:36px;
	display:none;
}
.rantActionBarContainer
{
	top:22px;
	width:36px;
	position:fixed;	
	right:0;
	z-index:101;
	
	padding:0 0 4px 2px;
}
#rantActionBarContainer div
{
	width:32px;
	height:32px;
	margin-top:8px;
	display:block;
	float:left;
}
#rantActionBarContainer div:hover
{
	cursor:pointer;
	cursor:hand;
}


/*
MODULES SELECTOR
*/
.rantModulesSelect
{
	width:480px;
	height:330px;
}
.rantModulesContainer
{
	float:right;
	width:480px;
	display:none;
}
.rantModulesCloseBtn
{
	float:right;
	margin-top:2em;
	margin-right:2em;
}
.rantModulesContainerInner
{
	width:480px;
	height:330px;
	position:fixed;
	z-index:102;
}
.rantModulesTitle
{
	padding:30px 0 0.5em 30px;
}
.rantModulesItems
{
	height:240px;
	margin: 0 16px 0 30px;
	overflow:auto;
}
.rantModulesItems div
{
	width:50px;
	float:left;
	margin: 8px 9px;
}
.rantModulesItems span
{
	width:50px;
	display:block;
	margin: 0 auto;
	cursor:pointer;
}


/*
AJAX ANIM
*/
.rantAjaxAnim
{
	padding:8px;
	background-color:White;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border:dotted #ddd 1px;
	margin:8px;
}
.rantAjaxSmallAnim
{
	padding:0;
	background-color:White;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border:dotted #ddd 1px;
	margin:1px;
}








/*
CONTEXT TOOLBAR
*/
.rantContextToolbar
{
	position:absolute;
}
.rantContextToolbarLeft
{
	float:left;
}
.rantContextToolbarTitle
{
	float:left;
	vertical-align:center;
}
/* vertically align title if no subtitle */
.rantContextToolbarTitle div
{
	padding-top:6px;
}
/* subtitle */
.rantContextToolbarTitle span
{
}
.rantContextToolbarMid
{
	float:left;
}
.rantContextToolbarMid div
{
	float:left;
	margin: 0 4px;
}
.rantContextToolbarRight
{
	float:left;
}

.rantContextToolbarGrip
{
	float:left;
}
.rantContextToolbarGrip div
{
}
.rantContextToolbarSelected
{
	font-weight:bold;
	cursor:pointer;
}


/*
COUNT INDICATOR
*/
.countIndicator
{
	float:left;
	height:20px;
}
.countIndicator div
{
	height:20px;
	float:left;
}
.countIndicator .state0
{
	height:20px;
}
.countIndicator b, .countIndicator img
{
	margin-top:2px;
	float:left;
}



/*
DATAGRID
*/
tr.mouseOver
{
}

.dark tr.mouseOver
{
}


tr.notExisting
{
	font-style:italic;
}

.rantDatagrid
{
	border-collapse:collapse;
	margin-bottom:1em;
}

.rantDatagrid td
{
	vertical-align:top;
	padding-right:4px;
}

.rantDatagrid th
{
	text-align:left;
	padding-right:4px;
}

.rantDatagrid tr
{
	cursor:pointer;
}

.rantDatagridTotals td
{
	padding-bottom:1em !important;
}
.rantDatagrid .centerAlign
{
	text-align:center;
}
.rantDatagrid .rightAlign
{
	text-align:right;
}

.dark th
{
}
.dark a
{
	color:#fff;
}
.dark a:hover
{
	color:#ccc;
}

.warning
{
	background-color:#ffde00;
}
.dark .warning
{
	background-color:#d77b03;
}
.valueChanged
{
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-left:1em !important;
	padding-right:1em !important;
}
.dark .valueChanged
{
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-left:1em !important;
	padding-right:1em !important;
}

tr.rantDatagridGroupedItem1 td:nth-child(1)
{
	padding-left:1em;
}
tr.rantDatagridGroupedItem2 td:nth-child(1)
{
	padding-left:2em;
}

/*
FOREIGN KEY LOOKUP CONTROL
*/
.foreignKeyLookupContainer
{
	-moz-border-radius: 7px;
	border-radius: 7px;

    cursor:pointer;

    padding:0.5em;
}
.foreignKeyLookupContainer i
{
}
.foreignKeyLookupContainer:hover
{
}
.foreignKeyLookupClearIcon
{
    cursor:pointer;
    position:absolute;
    display:none;
}

/*
INFO BAR
*/
#rantInfoBar
{
	height:26px;
	position:fixed;
	left:0;
	right:0;
	top:0;
	
	display:none;

	z-index:10000;
}
#rantInfoBar.notLoggedIn
{
}
#rantInfoBar.loggedIn
{
}
#rantInfoBar table
{
	border-collapse:collapse;
}
#rantInfoBar table td
{
	padding:0;
	margin:0;
}
#rantInfoBarStatusContainer
{
	min-width:200px;
}
#rantInfoBarStatusContainer div
{
	padding: 3px 1em 0 1em !important;
	float:none !important;
}

#rantInfoBar div
{
	float:right;
	padding: 1px 1em 0 0;
}

#rantInfoBarUserName
{
	width:auto;
	display: inline-block;
}
#rantInfoBar a
{
	cursor:pointer;
}
#rantInfoBar a:hover
{
}
.rantInfoBarEditing
{
}

#rantInfoBar.rantInfoBarEditing, #rantInfoBar.rantInfoBarEditing a
{
}

#rantInfoBarUserName a
{
	margin-left:1em;
}


/*
LOOKUP TEXTBOX
*/
.lookupTextbox
{
	min-width:300px;
}

#lookupTextboxItemsContainer
{
	color:Black;
	border:solid 1px #666;
	background-color:#fff;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#lookupTextboxItemsContainer div
{
}
#lookupTextboxItemsContainer div:hover
{
	background-color:#eee;
}
#lookupTextboxItemsContainer div.selected
{
	background-color:#ccc;
}


/*
MESSAGES
*/
.rantMessage
{
	width:480px;
	height:330px;
	
	padding-top:20px;
	
	left:20px;
	top:40px;
	
	z-index:9999999999;
}
.rantMessageIcon
{
	width:64px;
	height:64px;
	float:left;
	margin-left:30px;
}
.rantMessage .rantMessageTitle
{
}
.rantMessage .rantMessageText
{
	margin-left:110px;
	margin-right:40px;
	height:170px;
	width:340px;
	overflow:auto;
}
.rantMessage .rantMessageTextMax
{
	margin-left:50px;
	margin-right:40px;
	height:240px;
	width:400px;
	overflow:auto;
}

.rantMessageButtons
{
	padding-right:40px;
	float:right;
}
.rantMessageButton
{
	width:108px;
	height:58px;
	
	cursor:pointer;
	cursor:hand;
	
	float:left;
}
.rantMessageButtonIcon
{
	margin-left:38px;
	margin-top:12px;
	width:32px;
	height:32px;
}
.rantMessage a
{
}
.rantMessage a:hover
{
}



/*
FORM & VALIDATION
*/
.viewMessages
{
}
.fieldTitle
{
}
label.validationError
{
}
input.validationError, textarea.validationError
{
}
input[type="text"], input[type="password"], textarea
{
}
input[readonly] 
{
}
input, label, textarea
{
}
label
{
	padding-top:3px;
	display:block;
}
textarea
{
	overflow:auto;
}
table.rantForm td
{
    padding:2px;
}
td.rantFormTitle
{
}
td.rantFormControl
{
}
div.dataChanged
{
}
input.dataChanged, textarea.dataChanged
{
}
.error
{
}


/*
TOOLBAR
*/
.quickSearch 
{
	padding: 2px 4px;
}
.dark tr.quickSearchRow .quickSearch
{
}

/*
TOOLBAR
*/
.rantToolBarContainer
{
	width:auto;
	float:right;
	padding: 0 32px;
}
.rantToolBarContainer div
{
	width:32px;
	height:32px;
	margin-top:-6px;
	margin-left:8px;
	display:block;
	float:right;
}
.rantToolBarContainer div:hover
{
	cursor:pointer;
}


/*
SPLITTER
*/

.rantSplitterVertical
{
	width:10px;
	overflow:hidden;
	
	cursor:e-resize;
}




/*
TEXTBOX WITH CLEAR
*/
.textboxWithClear
{
	padding-right: 20px;
}

.textboxWithClearIcon
{
    display:none;
    cursor:pointer;
    position:relative;
}
.textboxWithClearIcon img
{
    margin-left:-24px;
    top:3px;
}



/*
TREE CONTROL
*/
.rantTree
{
}

.rantTree .collapsed
{
	padding-left:16px;

	cursor:pointer;
	cursor:hand;
}
.rantTree .expanded
{
	padding-left:16px;

	cursor:pointer;
	cursor:hand;
}
.rantTree .image
{
	padding-left:16px;

	cursor:pointer;
	cursor:hand;
}
.rantTree .file
{
	padding-left:16px;

	cursor:pointer;
	cursor:hand;
}
.rantTree span 
{
	display:block;
	padding:4px;
}
.rantTreeNode .disabled
{
}
.rantTreeNode 
{
	padding: 2px 0;	
}
.rantTree span.selected
{
}

/*
UPLOADER
*/
.rantUploader
{
}
.rantUploaderFiles th
{
	text-align:left;
}

/*
VIEWS
*/
div.rantView
{
	display:block;
	overflow:visible;
	right:auto;
	bottom:auto;
}
.viewButtons
{
    padding-top:1em;
}
.modalMask
{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
}
* html div.modalMask { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div.rant-modal
{
}
div.rant-modal div.title, div.rantView div.title
{
    display:block;
    float:none;
}
div.rant-modal div.content div.title
{
    background:none;
}
div.rant-modal div.content
{
    padding:1em;
    margin:0;
}
div.rant-modal div.content div.content
{
    padding:0;
}

/*---------------------*/

div.rantEditTabs
{
	float:left;
	margin-left:-41px;
}
div.rantEditTab
{
	float:left;
	width:42px;
	height:46px;
	clear:both;
	margin-bottom:4px;
}
div.rantEditTabSelected
{
}
div.rantEditTab div
{
	margin-top:7px;
	margin-left:5px;
}

td.tabTitle 
{
	font-size:1.5em;
	padding-bottom:0.4em;
}



img.captcha
{
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:solid #eee 4px;
}


.defaultText
{
	font-style:italic;
	color:#999;
}


.ui-datepicker
{
	font-size:0.8em;
}

.zigZagWhiteToBlue
{
	background:url(ZigZag.Horizontal.WhiteToBlue.png) repeat-x left bottom;
}
.zigZagBlueToWhite
{
	background:url(ZigZag.Horizontal.BlueToWhite.png) repeat-x left bottom;
}
.zigZagPinkToWhite
{
	background:url(ZigZag.Horizontal.PinkToWhite.png) repeat-x left bottom;
}
.zigZagWhiteToWhite
{
	background:url(ZigZag.Horizontal.WhiteToWhite.png) repeat-x left bottom;
}
.zigZagBlueToGreen
{
	background:url(ZigZag.Horizontal.BlueToGreen.png) repeat-x left bottom;
}
.zigZagWhiteToGreen
{
	background:url(ZigZag.Horizontal.WhiteToGreen.png) repeat-x left bottom;
}
.zigZagGreenToWhite
{
	background:url(ZigZag.Horizontal.GreenToWhite.png) repeat-x left bottom;
}


/* --------------- */

/*
CKEDITOR related
push the top of the editor down so it has room for context toolbar save/cancel
and so can show on top of modal pane
.cke_skin_kama 
{
	margin-top:40px;
	position:fixed;	
	width:100%;
}
*/


/*
BUBBLE SELECTOR
*/
.bubbleSelector
{
    padding:1em;
    border:solid #666 1px;
    background-color:#333;
    color:White;

	-moz-border-radius: 13px;
	border-radius: 13px;
}
.bubbleSelector td
{
    cursor:pointer;
    cursor:hand;

    padding:4px;
}
.bubbleSelector td:hover
{
    background-color:#666;
}


/*
CONTENT EDITING
*/
.easySpotRegion
{
	border-top: dotted #666 2px !important;
	border-bottom: dotted #666 2px !important;
	-moz-border-radius: 13px;
	border-radius: 13px;
	/*background-color:#eee !important;*/
	min-height:16px;
}

.editableHighlight
{
	border-top: dotted #666 2px !important;
	border-bottom: dotted #666 2px !important;
	-moz-border-radius: 13px;
	border-radius: 13px;
	/*background-color:#eee !important;*/
	min-height:16px;
}
.canEdit			
{
	border: dotted #99ff1c 2px !important;
	background:url(Region.Editable.BG.png) repeat !important;
}
.editableHighlight:hover
{
	-moz-border-radius: 13px;
	border-radius: 13px;
	border-top: dotted #83da18 2px !important;
	border-bottom: dotted #83da18 2px !important;
	cursor:pointer;
	min-height:16px;
}

.rantModulePresenter 
{
	background:url(Editor.ModulePresenter.BG.png);
	-moz-border-radius: 13px;
	border-radius: 13px;
	display:block;
	border: solid #ccc 1px;
	min-height:100px;
	width:102px;
	height:102px;
}

/*
CONTENT REGIONS
*/
td.rantPageRegion
{
	font-weight:bold;
}


/*
FOOTER ELEMENTS
*/

#rantFooter
{
	margin:8px;
}

#rantPowerButtonContainer
{
}

#rantPowerButton
{
    width:46px;
    height:46px;
}

/*
EDIT GRID
*/
.editGrid
{
	border-collapse:collapse;
}
.editGrid tr:hover
{
	background-color:#fff;
}
.editGrid td:hover
{
	background-color:#fae1dd;
}
.editGrid td, .editGrid th
{
	border:solid #ddd 1px;
}
.editGrid th
{
	border-top:none;
}
.editGrid td
{
	text-align:center;
	cursor:pointer;
}
.editGrid td:first-child
{
	border-left:none;
}
.editGrid td:last-child
{
	border-right:none;
}
.editGrid tr:first-child td
{
	border-top:none;
}
.editGrid tr:last-child td
{
	border-bottom:none;
}

.editbar
{
	text-align:center;	
	vertical-align:top;
	width:16px;
}
.editbar div
{
	margin-top:7px;
}
.addButton 
{
	width:16px;
}

.editGrid .locked, .editGrid td.locked:hover
{
	background-color:#eee;
	cursor:default;
}
.editGrid tr:hover .locked
{
	background-color:#ddd;
}

.editGrid .saving, .editGrid .editing
{
	background-color:#cbf78b !important;
}

.editGrid input
{
	border:0;
	padding:0;
	margin:0;
}

.editGrid tr:first-child th:first-child
{
	-moz-border-top-left-radius: 11px;
	-webkit-border-top-left-radius: 11px;
	border-top-left-radius: 11px;	
	background-clip:border-box;
	border-left:none;
}
.editGrid tr:first-child th:last-child
{
	-moz-border-top-right-radius: 11px;
	-webkit-border-top-right-radius: 11px;
	border-top-right-radius: 11px;
	background-clip:border-box;
	border-right:none;
}
.editGrid tr:last-child td:first-child
{
	-moz-border-bottom-left-radius: 11px;
	-webkit-border-bottom-left-radius: 11px;
	border-bottom-left-radius: 11px;	
	background-clip:border-box;
}
.editGrid tr:last-child td:last-child
{
	-moz-border-bottom-right-radius: 11px;
	-webkit-border-bottom-right-radius: 11px;
	border-bottom-right-radius: 11px;	
	background-clip:border-box;
}



.editGrid-left td, .editGrid-left th
{
	text-align:left;
}
.editGrid-center td, .editGrid-center th
{
	text-align:center;
}


html.placeholder-support label.has-placeholder
{
	display:none;
}
html.placeholder-support .rant-modal label.has-placeholder
{
	display:inline;
}