/* VC_Default Skin based on Vista */

/*global*/

.RadGrid_VC_Default
{
    /* Viewpoint 
	border:1px solid #a7bac5; 
	*/
    border:1px solid rgb(153,153,153);
    background:#fcfcfc;
    color:#333;
}

.RadGrid_VC_Default,
.MasterTable_VC_Default,
.DetailTable_VC_Default,
.GroupPanel_VC_Default table,
.GridEditForm_VC_Default table
{
    font:11px/14px "segoe ui",arial,sans-serif;
}

.GridRow_VC_Default td,
.GridAltRow_VC_Default td,
.GridEditRow_VC_Default td,
.GridFooter_VC_Default td,
.GridGroupFooter_VC_Default td,
.GridHeader_VC_Default,
.ResizeHeader_VC_Default,
.GroupHeader_VC_Default td
{
	padding-left:7px;
	padding-right:7px;
}

.GridFilterRow_VC_Default td
{
	padding-left:7px;
	/* using 100% width for text box but ie is screwy and wants padding so we can fit the filter button */
	padding-right:23px;
}

.EditMode .GridEditRow_VC_Default td,
.EditMode th.GridHeader_VC_Default
{
    padding-left: 1px;
	padding-right: 1px;
	border-left: solid 1px #FFF;
    border-right: solid 1px #FFF;
}

.EditMode .GridFilterRow_VC_Default td
{
    padding-left: 1px;
    /* using 100% width for text box but ie is screwy and wants padding so we can fit the filter button */
	padding-right: 17px;
	border-left: solid 1px #FFF;
    border-right: solid 1px #FFF;
    white-space: nowrap;
}

.EditMode .GridEditRow_VC_Default td
{
    overflow: hidden;
}

.EditMode .GridEditRow_VC_Default td td,
.EditMode .GridFilterRow_VC_Default td td
{
    border-left-width: 0;
	border-right-width: 0;
}

.RadGrid_VC_Default .rgAdd,
.RadGrid_VC_Default .rgRefresh,
.RadGrid_VC_Default .rgEdit,
.RadGrid_VC_Default .rgDel,
.RadGrid_VC_Default .rgFilter,
.RadGrid_VC_Default .rgPagePrev,
.RadGrid_VC_Default .rgPageNext,
.RadGrid_VC_Default .rgExpand,
.RadGrid_VC_Default .rgCollapse,
.RadGrid_VC_Default .rgSortAsc,
.RadGrid_VC_Default .rgSortDesc,
.RadGrid_VC_Default .rgUpdate,
.RadGrid_VC_Default .rgCancel
{
	width:16px;
	height:16px;
	border:0;
	padding:0;
	background-color:transparent;
	background-image:url('Grid/sprite.gif');
	background-repeat:no-repeat;
	vertical-align:middle;
	cursor:pointer;
}

.GroupPanelItems_VC_Default input,
.GridCommandRow_VC_Default img,
.GridHeader_VC_Default input,
.GridFilterRow_VC_Default img,
.GridPager_VC_Default img
{
	vertical-align:middle;
}

/*header*/

.GridHeaderDiv_VC_Default
{
	background:url('Grid/sprite.gif') 0 -2016px repeat-x;
}

.GridHeader_VC_Default,
.ResizeHeader_VC_Default
{
	border:1px solid;
	border-color:#fff #fcfcfd #d5d5d5 #e7e8ea;
	padding-top:3px;
	padding-bottom:4px;
	background:url('Grid/sprite.gif') 0 -400px repeat-x #f1f2f4;
	text-align:left;
	font-weight:normal;
}

.GridHeader_VC_Default,
.GridHeader_VC_Default a
{
    color:#333;
    text-decoration:none;
}

/*rows*/

.GridRow_VC_Default td,
.GridAltRow_VC_Default td,
.GridFooter_VC_Default td,
.GridGroupFooter_VC_Default td
{
	border:1px solid;
	padding-top:3px;
	padding-bottom:3px;
}

.GridRow_VC_Default td,
.GridAltRow_VC_Default td
{
	border-color:#fcfcfc #fff #fcfcfc #ededed;
}

/* Viewpoint */
.GridAltRow_VC_Default td
{
	background-color:rgb(214,214,214);
}

.GridRow_VC_Default>td:first-child,
.GridAltRow_VC_Default>td:first-child,
.GridEditRow_VC_Default>td:first-child,
.GridFooter_VC_Default>td:first-child,
.GridGroupFooter_VC_Default>td:first-child
{
	border-left-color:#fcfcfc;
}

.GridRow_VC_Default a,
.GridAltRow_VC_Default a,
.GridEditRow_VC_Default a,
.GridFooter_VC_Default a,
.GridGroupFooter_VC_Default a,
.GridEditForm_VC_Default a
{
	color:#333;
}

.SelectedRow_VC_Default
{
    background:url('Grid/sprite.gif') 0 -800px repeat-x #dcf1fc;
}

.ActiveRow_VC_Default,
.GridRowOver_VC_Default
{
    background:url('Grid/sprite.gif') 0 -1100px repeat-x #e8f5fd;
}

.ActiveRow_VC_Default td,
.GridRowOver_VC_Default td
{
	border-left:0;
	border-right:0;
    padding-left:8px;
	padding-right:8px;
}

.ActiveRow_VC_Default td,
.GridRowOver_VC_Default td
{
	border-top-color:#d8f0fa;
	border-bottom-color:#d8f0fa;
}

.SelectedRow_VC_Default td
{
    background-color: #FFFFFF;
	border-top-color:#99defd;
	border-bottom-color:#99defd;
}

.GridEditRow_VC_Default
{
    background:#BBBBBB;
}

.GridEditRow_VC_Default td
{
    border-color:#e2e2e2;
}

.GridDataDiv_VC_Default .GridEditRow_VC_Default
{
	background-color:#caeefe;
}

/*footer*/

.GridFooter_VC_Default,
.GridGroupFooter_VC_Default
{
	color:#999;
}

.GridFooter_VC_Default td,
.GridGroupFooter_VC_Default td
{
	border-color:#dbe4e9 #fff #fcfcfc #ededed;
}

/*status*/

.GridPager_VC_Default span
{
	color:#999;
}

/*pager*/

.GridPager_VC_Default
{
	/* Viewpoint
    background:url('Grid/sprite.gif') 0 -600px repeat-x #f1fbfe;
	*/
	background:url('Grid/sprite.gif') 0 -600px repeat-x;
    line-height:20px;
}

.GridPager_VC_Default td
{
	/* Viewpoint
    border-top:1px solid #9db6c5;
	*/
    border-top:1px solid rgb(153,153,153);
    padding:1px 7px 2px;
}

.GridPager_VC_Default div span,
.GridPager_VC_Default a,
.GridPager_VC_Default .sliderPagerLabel_VC_Default
{
	color:#333;
}

.PagerLeft_VC_Default
{
	float:left;
}

.PagerRight_VC_Default
{
	float:right;
}

.PagerCenter_VC_Default
{
	text-align:center;
}

.PagerCenter_VC_Default span
{
	vertical-align:middle;
}

.RadGrid_VC_Default .rgPagePrev
{
	background-position:5px -1789px;
}

.RadGrid_VC_Default .rgPageNext
{
	background-position:-21px -1789px;
}

/*sorting, reordering*/

.GridHeader_VC_Default .rgSortAsc
{
	background-position:-20px -1693px;
	height:10px;
}

.GridHeader_VC_Default .rgSortDesc
{
	background-position:4px -1693px;
	height:10px;
}

.TopReorderIndicator_VC_Default,
.BottomReorderIndicator_VC_Default
{
	width:11px !important;
	height:11px !important;
	margin-left:-5px;
	background:url('Grid/sprite.gif') 0 -1664px no-repeat;
}

.BottomReorderIndicator_VC_Default
{
	background-position:-21px -1664px;
}

/*filtering*/

.GridFilterRow_VC_Default td
{
    padding-top:4px;
    padding-bottom:4px;
    border-left:1px solid #ededed;
    border-right:1px solid #fff;
    border-bottom:1px solid #ededed;
}

.RadGrid_VC_Default .rgFilter
{
	background-position:0px -1600px;
	/*total hacks to get ie to display the filter button in the right spot when the text box is 100% */
	margin-left: 20px;
	margin-right: -20px;
}

.GridFilterRow_VC_Default input[type="text"]
{
	border:1px solid rgb(153,153,153);
	/* Viewpoint
	border-color:#abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	*/
	font:12px "segoe ui",arial,sans-serif;
	color:#333;
	vertical-align:middle;
	width: 100%;
	max-width: 80px;
	/*total hacks to get ie to display the filter button in the right spot when the text box is 100% */
	margin-right: -20px;
}

/*grouping*/

.GroupPanel_VC_Default
{
	border:1px solid #66707c;
	background:url('Grid/sprite.gif') 0 0 repeat-x #4b92aa;
	color:#fff;
}

.GroupPanel_VC_Default .rgSortAsc
{
	background-position:-21px -1627px;
}

.GroupPanel_VC_Default .rgSortDesc
{
	background-position:4px -1626px;
}

.GroupPanel_VC_Default td
{
	border:1px solid;
	border-color:#b1c9d8 #83a9c1 #94c1ce;
	padding:7px;
}

.GroupPanel_VC_Default td td
{
	border:0;
	padding:0;
}

.GroupHeader_VC_Default
{
    background:url('Grid/sprite.gif') 0 -1385px repeat-x;
    font-size:1.27em;
    font-weight:bold;
	color:#039;
}

.GroupHeader_VC_Default td
{
    padding:6px 8px;
}

.RadGrid_VC_Default .rgExpand
{
	background-position:-21px -1723px;
	background-color:#fcfcfc;
}

.RadGrid_VC_Default .rgCollapse
{
	background-position:4px -1721px;
	background-color:#fcfcfc;
}

.GroupHeader_VC_Default td p
{
    display:inline;
    padding:0 10px;
    background:#fcfcfc;
}

.GroupHeader_VC_Default td div div
{
	top:-0.5em;
	padding:0 10px;
	background:#fcfcfc;
}

.GroupHeader_VC_Default td div div div
{
	top:0;
	padding:0;
	border:0;
}

/*editing*/

.GridEditForm_VC_Default
{
	border-bottom:1px solid #ededed;
}

.GridEditForm_VC_Default input[type="text"],
.GridEditForm_VC_Default textarea
{
	border:1px solid;
	border-color:#abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	font:12px "segoe ui",arial,sans-serif;
	color:#333;
}

.RadGrid_VC_Default .rgUpdate
{
	background-position:3px -1949px;
}

.RadGrid_VC_Default .rgCancel
{
	background-position:3px -1981px;
}

/*hierarchy*/

.DetailTable_VC_Default
{
	border:1px solid #ededed;
	border-right:0;
}

/*command row*/

.GridCommandRow_VC_Default
{
	background:url('Grid/sprite.gif') 0 -200px repeat-x #5ca6bc;
	color:#fff;
}

.GridCommandRow_VC_Default td
{
	border:1px solid;
	border-color:#7a8591 #66707c #043350;
	padding:0;
}

.GridCommandRow_VC_Default td td
{
	border:0;
	padding:3px 7px 4px;
}

.GridCommandRow_VC_Default td td td
{
	padding:1px;
}

.GridCommandRow_VC_Default table
{
	border:1px solid;
	border-color:#c2d5e1 #83a9c1 #a8cfd9;
}

.GridCommandRow_VC_Default table table
{
	border:0;
}

.GridCommandRow_VC_Default a
{
	color:#fff;
	text-decoration:none;
}

.RadGrid_VC_Default .rgAdd
{
	background-position:0 -1856px;
}

.RadGrid_VC_Default .rgRefresh
{
	background-position:0 -1824px;
}

.RadGrid_VC_Default .rgEdit
{
	background-position:0 -1888px;
}

.RadGrid_VC_Default .rgDel
{
	background-position:0 -1920px;
}

/*loading*/

.LoadingPanel_VC_Default
{
	background:url('Grid/loading.gif') center center no-repeat #fff;
}

/*rtl*/

.RadGridRTL_VC_Default .GridHeader_VC_Default,
.RadGridRTL_VC_Default .ResizeHeader_VC_Default
{
	text-align:right;
}

.RadGridRTL_VC_Default .PagerLeft_VC_Default,
.RadGridRTL_VC_Default .GridPager_VC_Default .radslider
{
	float:right;
}

.RadGridRTL_VC_Default .PagerRight_VC_Default
{
	float:left;
}

/* popup validation summaries*/
a.ValidationSummary,
a.ValidationSummary a
{
    text-decoration: none;
    cursor: default;
    color: Red;
}

a.ValidationSummary div.ValidationSummaryText 
{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

a.ValidationSummary div.ValidationSummaryContainer 
{
    float: left;
}

a.ValidationSummary div.Summary 
{
    display: none;
    position: absolute;
    border: solid 2px #7498B8;
    background-color: #FFF;
    width: 400px;
}

a.ValidationSummary div.Summary ul 
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

a.ValidationSummary:link div.Summary {}
a.ValidationSummary:visited div.Summary {}
a.ValidationSummary:hover div.Summary {display: block;}
a.ValidationSummary:active div.Summary {}