table, td { vertical-align: top }

.Grid 
{ 
  background-color: #FFFFFF; 
  border: 1px solid #7C7C94; 
  border-bottom: 2px solid #7C7C94; 
  font-family: Verdana; 
  font-size: 10px; 
  cursor: pointer;
}

.GridHeader
{
  background-image: url(/images/UI/Grid/grid_headerBg.gif); 
  background-color: #8988A5; 
  height: 24px;
  padding-left: 3px;
  cursor: default;
}

.GridHeaderText
{
  color: #FFFFFF;  
  font-family: verdana; 
  font-size: 10px; 
}

.GroupByText
{
  color: #FFFFFF; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
}

.HeadingRow 
{ 
  background-color: #E0DFE3; 
  background-image: url(/images/UI/Grid/header_rowBg.gif);   
}

.HeadingCell 
{ 
  background-image: url(/images/UI/Grid/header_bg.gif);   
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(/images/UI/Grid/header1stCell_bg.gif); 
}

.HeadingCellText
{
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
}

.Row 
{ 
  background-color: #FFFFFF; 
}

.Row td.DataCell 
{ 
  cursor: default;
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: 10px; 
} 

.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 


.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
} 

.SelectedRow 
{ 
}

.SelectedRow td.DataCell 
{ 
  background-color: #FFEEC2; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  font-family: verdana; 
  font-size: 10px; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
}

.SelectedRow td.FirstDataCell 
{ 
  background-color: #FFEEC2; 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
}

.SelectedRow td.LastDataCell 
{ 
  background-color: #FFEEC2; 
  border-right: 1px solid #4B4B6F; 
}

.GroupHeading
{
  color: #706F91; 
  background-color: #FFFFFF; 
  font-family: verdana; 
  font-weight: bold;
  font-size: 11px; 
  border-bottom: 2px solid #A5A4BD; 
  padding-top: 10px;
  padding-bottom: 3px;
}

.SliderPopup
{
  background-color: #FFF4D7; 
  border: 1px solid #4B4B6F; 
  border-top-color: #9495A2; 
  border-left-color: #9495A2; 
  width: 288px;
  height: 60px;
}

.GridFooter
{
  cursor: default;
  padding: 5px;
}

.GridFooterText
{
  color: #000000;  
  font-family: verdana; 
  font-size: 11px;
}


.right, .align_right 
{
	float: right;
}

/*--------GRID VIEW----------------*/
.GridView
{
	font-size:10px;
}

.GridView .Header
{
	background-color:#e0dfe3;
}

.GridView .Header th
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	text-align:left;
	border-bottom: solid 2px #c5c4c8;
}

.GridView .Row td
{
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
}

/*----------SPLITTER BAR-------------------*/
.HorizontalSplitterBar
{
  background: url(/images/ui/splitter/splitter_horBg.gif); 
}

.CollapsedHorizontalSplitterBar
{
  background: url(/images/ui/splitter/splitter_horBg.gif); 
  border: 1px solid #000000;
  border-right-width: 0px;
}

.VerticalSplitterBar
{
  background: url(/images/ui/splitter/splitter_verBg.gif); 
}

.CollapsedVerticalSplitterBar
{
  background: url(/images/ui/splitter/splitter_verBg.gif); 
  border: 1px solid #000000;
  border-bottom-width: 0px;
}

.ActiveSplitterBar
{
  background-color: #000000;  
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
  opacity: 0.4;
}

.SplitterPane
{
  border: 1px solid #333333;
}




/*------------MENU---------------------*/
.MenuGroup
{
  background-color:white;
  background-image:url(/Images/UI/menu_images/group_background.gif);
  border-width:1px; 
  border-color:#7E7E81; 
  border-style:solid;
  cursor:default; 
  width:auto;
}

.MenuItem
{
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  margin:1px; 
  cursor:default; 
}

.MenuItemHover 
{
  background-color:#FFEEC2; 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border-width:1px; 
  border-color:#4B4B6F; 
  border-style:solid;
  cursor:default; 
}

.MenuBreak
{
  background-image:url(/Images/UI/menu_images/break_bg.gif);
  width:100%;
  height:1px;
}
 

.TreeView 
{ 
  background-color:White;
  padding-top:4px; 
  padding-left:1px; 
  border: #7C7C94 1px solid; 
  cursor:default; 
}

.TreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
}

.CategoryTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  font-weight:bold;
}

.GrayedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  color:gray; 
  cursor:default;
}

.HoverTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  text-decoration:underline; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.SelectedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  background-color: gray; 
  color:white; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.NodeEdit 
{
  border:1px gray solid;
  font-family: tahoma; 
  font-size: 11px;
}

/*-------------------MODAL POPUP-------------------*/
div.modalPopupCMS, div.modalPopup {
	background-color:#d6d8d9;
	border: solid 1px #dedfdf;
	border-right: solid 1px #7d7e7f;
	border-bottom: solid 1px #7d7e7f;

	position: absolute !important;
    left: 0;
    top: 0;
    z-index: 5000;

	padding:2px;
	width:250px;
}

h1.modalPopupCMS, h1.modalPopup 
{
	background-image: url(/images/ui/popuptop.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	color:White;
	font-size:14px;
	font-weight:bold;
	padding:6px 4px 6px 4px;
}

.modalPopupCMS div.popupContent, .modalPopup div.popupContent
{
	background-color:White;
	padding:8px;
	font-size:9pt;
	color:#666666;
}

.modalPopupCMS div.popupFooter, .modalPopup div.popupFooter
{
	Padding:8px;
	background-color:#f0f0f0;
	border-top:solid 1px #dfdfdf;
	text-align:right;
}

.editButton
{
	float:right;
	padding:3px;
	margin:3px;
	border:solid 1px lightgray;
}

.editText
{
	float:right;
	padding:3px;
	margin:3px;
	font-style:italic;
	color: #999999;
}

.commentsTitle {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
    background-image:url(/images/ui/titleBackground.gif);
    background-repeat:repeat-x;
	border-top:1px solid #DADBDB;
    font:bold 8pt Tahoma;
    color:white;
    text-align:left;
	padding: 2px;
    padding-left: 12px;
    height:21px;
}

/* ----[Input Forms] ----------------------------------------------------*/

fieldset.contentForm 
{
    margin:8px;
}


fieldset.contentForm legend
{
    font-size: 12px;
    font-variant:small-caps;
}
/*

fieldset.contentForm table
{
    margin-top:8px;
    margin-bottom:8px;
}
*/

fieldset.contentForm td.group
{
    margin-left:30px;
    padding-top:8px;
    font-weight:bold;
    font-size:12px;
    border-bottom:solid 1px silver;
    margin-bottom:20px !important;
}

fieldset.contentForm tbody th
{
    text-align:right;
    padding-right:8px;
    color:silver;
    vertical-align:top;
}

/* Content Picker */
.contentPicker
{
    font-family: Arial, Sans-Serif;
}

.contentPicker a {
	color: #AC1C1B;
	text-decoration: none;
}

.contentPicker a:hover {
	text-decoration: underline;
}

.contentPicker .heading 
{
	background: #E4E1D8;
	padding: 4px 10px;
	margin: 0px 0 10px 0;
	font-size: 14px;
}

.contentPicker h1
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.contentPickerItem 
{
    border-bottom: 1px solid gray;
    margin: 0 0 5px 0;
    padding: 0 10px 5px 10px;
}

/* Asset Picker */
.assetPickerLeft
{
	width:220px;
	float:left;
}

.assetPickerRight
{
	width:610px;
	Height:400px;
	overflow:scroll;
}

/* Poll Picker */
.pollPickerLeft
{
	width:220px;
	float:left;
}

.pollPickerRight
{
	width:610px;
	Height:400px;
	overflow:scroll;
}


/* Content Item */

.cmsContent 
{
    position: relative;
}

a.cmsEdit
{
    position: absolute;
    left: 0;
    background: white;
    border: 1px solid red;
    color: red;
    text-decoration: none;
    padding: 3px;
}

a.cmsEdit:hover 
{
    background: red !important;
    color: white !important;
}

a.cmsEditItem
{
    position: absolute;
    left: 0;
    background: white;
    border: 1px solid red;
    color: red;
    text-decoration: none;
    padding: 1px;
    font-size: 10px;
}

a.cmsEditItem:hover 
{
    background: red !important;
    color: white !important;
}