/* buttons */
a.button:link, a.button:visited, 
a.button:hover, a.button:active
{
	text-decoration:none;
	cursor:pointer;
}
a.button span
{
	text-decoration:none;	
}
a.button:hover span
{
	text-decoration:underline;
}
a.button img
{
	border:none;
	vertical-align:middle;
	text-decoration:none;
}
.ButtonPanel
{
	height:26px;
	/*background:url(/Images/bgButtonPanel.png) repeat-x;*/
	border:solid 1px #9699ab;
	text-align:center;
	line-height:26px;
}
.ButtonPanel a, .ButtonPanel a.button
{
	line-height:26px;
}
.ButtonPanel img
{
	vertical-align:middle;
}
.send
{
    display:inline-block;
    width:80px;
    height:24px;
    background:url(/images/buttons/btnSend.png) no-repeat;
}
.send:link, .send:visited
{
    background-position:left top;
}
.send:hover, .send:active
{
    background-position:left -24px;
}

/* validation */
.alert
{
	color:#C90000;
}

.ScrollPanel
{
    overflow-x:hidden;
    overflow-y:auto;
    background:#444;
    border:solid 1px #bf9b4e;
    font-size:11px;
}

/* lists */
.ListContainer
{
    width:100%;
}
.ListContainer .ListItem
{
}
.ListContainer .separator
{
    margin:5px 0;
    height:1px;
    background:#333;
}

/* GridView */
.GridViewHeader
{
    line-height:18px;
}
.GridViewHeader img
{
    vertical-align:text-top;
}
.GridViewPager
{
    background:#BF9B4E;
    color:#EEE;
    font-weight:normal;
    font-size:18px;
    line-height:18px;
}
.GridViewPager a:link, .GridViewPager a:visited,
.GridViewPager a:hover, .GridViewPager a:active
{
    color:#FFF;
    text-decoration:none;
    font-weight:normal;
    font-size:12px;
    line-height:18px;
}

/* Gold buttons and tabs */
.GoldPanelContainer
{
    
}
.GoldPanel
{
    height:35px;
    min-width:60px;
    padding:0;
    /*background:url(/images/telerik-bg.png) center -108px no-repeat;*/
    border-right:solid 1px #ffe8b6;
    color:#000;
    line-height:35px;
    text-align:center;
    cursor:pointer;
}
.GoldPanelLeft
{
    /*background-position:left -108px;*/
    border-right:solid 1px #ffe8b6;
}
.GoldPanelRight
{
    /*background-position:right -108px;*/
    border-right:none;
}
.GoldButton
{
    height:35px;
    min-width:60px;
    padding:0 10px;
    background:url(/images/telerik-bg.png) center -108px no-repeat;
    border-right:solid 1px #ffe8b6;
    color:#000;
    line-height:35px;
    text-align:center;
    cursor:pointer;
}
.GoldButtonLeft
{
    background-position:left -108px;
    border-right:solid 1px #ffe8b6;
}
.GoldButtonRight
{
    background-position:right -108px;
    border-right:none;
}
/* link buttons */
.GoldPanelContainer a:link, .GoldPanelContainer a:visited,
.GoldPanelContainer a:hover, .GoldPanelContainer a:active 
{
    text-decoration:none;
    height:35px;
    min-width:60px;
    line-height:35px;
    text-align:center;
}
.GoldPanel a
{
    display:block;
    margin:0;
    padding:0 10px;
    background-image:url(/images/telerik-bg.png);
    background-position: center -108px;
    color:#000;
    line-height:35px;
    border:none
}
.GoldPanelLeft a
{
    display:block;
    margin:0;
    padding:0 10px;
    background-image:url(/images/telerik-bg.png);
    background-position:left -108px;
    border-right:solid 1px #ffe8b6;
    color:#000;
    line-height:35px;
    border:none;
}
.GoldPanelRight a
{
    display:block;
    margin:0;
    padding:0 10px;
    background-image:url(/images/telerik-bg.png);
    background-position:right -108px;
    color:#000;
    line-height:35px;
    border:none;
}
.GoldPanel a:link, .GoldPanel a:visited
{
    color:#000;
    text-decoration:none;
}
/* link button hover state*/
.GoldPanel a:hover, .GoldPanel a:active
{
    background-position: center -180px;
    color:#000;
    text-decoration:none;
}
.GoldPanelLeft a:hover, .GoldPanelLeft a:active
{
    background-position:left -180px;
    color:#000;
    text-decoration:none;
}
.GoldPanelRight a:hover, .GoldPanelRight a:active
{
    background-position:right -180px;
    color:#000;
    text-decoration:none;
}
/* selected link buttons */
.GoldPanel .selected
{
    background:url(/images/telerik-bg.png) center -144px no-repeat;
}
.GoldPanelLeft .selected
{
    background-position:left -144px;
}
.GoldPanelRight .selected
{
    background-position:right -144px;
}

/* custom tooltip */
.ToolTip
{
    position:absolute;
    padding:5px;
    background:url(/images/bgModal.png) repeat;
    border:solid 1px #999;
    color:#FFF;
}

.rogHeaderLeft
{
    height:24px;
    padding-left:9px;
    background:url(/images/telerik-tabs.png) no-repeat left -52px;
}
.rogHeaderRight
{
    height:24px;
    padding-right:9px;
    background:url(/images/telerik-tabs.png) no-repeat right -52px;
}
.rogHeaderCenter
{
    height:24px;
    background:url(/images/telerik-tabs.png) no-repeat 9px -52px;
    line-height:24px;
}
.rogPanel
{
    background:#444;
    border:solid 1px #bf9b4e;
    padding:10px;
}

/* Billing section styles */
.NavigationSandbox
{
    height:29px;
    background:url(/images/sandbox/bgNavSandBox.png?v=2) no-repeat left top;
}

.NavigationSandbox ul
{
    margin:0;
    padding:0;
    list-style:none;
}
.NavigationSandbox ul li
{
    float:left;
    width:90px;
    height:29px;
}
.NavigationSandbox ul li a
{
    display:block;
    width:90px;
    height:29px;
    cursor:pointer;
}
.RadDock_Default
{
    background-color:#333 !important;
}
.rdSideBorders,
.rdTopBorder,
.rdBottomBorder
{
    visibility:hidden;
    /*display:none !important;*/
}
.rdPlaceHolder
{
    background:#444 !important;
    border:none 0px !important;
}

.autoPay label
{
    margin-top:-3px;
}

.AutoPayCard
{
    padding:5px;
    background:#333;
    border:solid 1px #BF9B4E;
    color:#FFF;
    font-size:10px;
    line-height:16px;
}
.AutoPayCard .NumberPanel
{
    width:48px;
    height:48px;
    float:left;
    background:#4d432c;
    color:#FFF;
    font-size:24px;
    font-weight:bold;
    line-height:48px;
    text-align:center;
}
.AutoPayCard .CardImage
{
    float:left;
    padding:6px 10px;
    padding-left:3px;
}
.AutoPayCard .CardInfo
{
    float:left;
    width:130px;
    white-space:nowrap;
}



/* list items */
tr.header, div.header, tr.footer, div.footer
{
    /*height:25px;*/
    padding:5px;
    /*background:#BF9B4E;*/
    color:#FFF;
    font-weight:bold;
}
tr.header div
{
    padding:7px;
    border-bottom:solid 2px #BF9B4E;
}
tr.row, div.row
{
/*    background:#333;*/
    height:50px;
    color:#FFF;
}
tr.altrow, div.altrow
{
/*    background:#666;*/
    color:#FFF;
}

/* ROG Table */
table.ROG
{
    width:100%;
    background:#111;
    border:solid 1px #BF9B4E !important;
    font-size:11px;
    line-height:16px;
}
table.ROG thead tr th, table.ROG th
{
    padding:3px 4px;
    height:18px;
    background:#785E25 url(/images/bgGoldGradient.png) repeat-x top center;
    border:none;
    color:#000;
    font-weight:normal;
}
table.ROG th a
{
    color:#303030;
}
table.ROG tbody tr td
{
    padding:5px;
    line-height:16px;
    cursor:default;
    /*border-top:dashed 1px #333;*/
}
table.ROG tbody tr:first-child td
{
    border-top:solid 1px #333;
}
table.ROG tbody tr td:first-child
{
    border-left:solid 1px #333;
}
table.ROG tbody tr td:last-child
{
    border-right:solid 1px #333;
}
table.ROG tbody tr:last-child td
{
    border-bottom:solid 1px #333;
}
table.ROG tbody tr td
{
    
}
table.ROG tbody tr.row, table.ROG tbody tr.altrow
{
    height:auto;
}
table.ROG tbody tr.row
{
    background:#000;
}
table.ROG tbody tr.altrow
{
    background:#202020;
}

/* tab panel */
.TabPanel
{
    border:solid 1px #483F29;
}

/* Repeater Select List */
.SelectList
{
    border:solid 1px #444;
    background:#202020;
}
.SelectList a.row
{
    display:block;
    padding:5px;
    background:#202020;
    text-decoration:none;
}
.SelectList a.altrow
{
    display:block;
    padding:5px;
    background:#333;
    text-decoration:none;
}
.SelectList a.row:hover, .SelectList a.altrow:hover
{
    background-color:#444;
}

ul.SelectList
{
    margin:0;
    padding:0;
    list-style:none;
}
ul.SelectList li
{
    margin:0;
    padding:0;
}
ul.SelectList li.row
{
    background:#202020;
}
ul.SelectList li.altrow
{
    background:#303030;
}
ul.SelectList li.selected
{
    padding:5px;
    background:#444;
}
ul.SelectList li a
{
    display:block;
    padding:5px;
    text-decoration:none;
}
ul.SelectList li a:link, ul.SelectList li a:visited
{
    background-color:Transparent;
}
ul.SelectList li a:hover, ul.SelectList li a:active
{
    background-color:#404040;
}

/*Month Picker*/
.MonthPicker
{
    height:18px;
    padding:3px;
    background:#785E25 url(/images/bgGoldGradient.png) repeat-x top center;
    text-align:center;
}
.MonthPicker a
{
    margin:0;
    padding:2px;
    border:solid 1px #BF9B4E;
    font-family:Arial, Helvetica, Tahoma, Sans-Serif;
    font-weight:normal;
    line-height:18px;
}   
.MonthPicker a:link, .MonthPicker a:visited
{
    color:#202020;
    text-decoration:none;
}
.MonthPicker a:hover, .MonthPicker a:active
{
    color:#202020;
    background:#FFF;
    text-decoration:none;
}
.MonthPicker a.active
{
    color:#FFF;
    background:#BF9B4E;
    border:solid 1px #FFF;
}
.MonthPicker input
{
    width:16px;
    height:16px;
    margin:2px;
    padding:0;
    border:none;
    vertical-align:middle;
}

.FormContent
{
    line-height:40px;
}
.FormContent select, .FormContent input
{
    font-size:10px;
    line-height:14px;
}