/********** Vertical Menu ***************/
.BackGroundColor
{
	background-color:#484848; 
}

table.VMenuStaticItem1
{
	border-width:0px;
	text-align:left;
	border:1px;
	border-color:#680000; 
	border-style:solid;
	background-position:right;
	width: 144px;
	color:white;
	font-size:medium;
	background-color:#F3F3F3;
}

td.VMenuStaticItem1
{
	background-color:#680000; 
	color: white; 
	padding:1px;
	padding-left:6px;
	padding-top:0px;
}

td.VMenuStaticItem2
{
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:2px;
}

table.VMenuStaticItem
{
	background-color:#484848;
	color: white; 
	margin-bottom:2px;
	border-width:0px;
	border:1px;
	border-color:#680000;
	border-style:solid;
	background-image: url(images/LFadeNavButton.png); 
	background-repeat:repeat-y;
	background-position:right;
	width: 144px;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	
}

table.VMenuStaticItem td
{ }

table.VMenuStaticItem a
{
	cursor: pointer;
	position: relative;
	width: 100%;
	display: block;
	color: White;
	padding: 3px 3px 1px 3px;
}
table.VMenuStaticItem a:visited
{
	color: White;
}
table.VMenuStaticItem div
{
	width: 100%;
}
table.VMenuStaticHover
{
	background-color: #030000;
	color: White; 
}
table.VMenuStaticHover div
{
	color: White;
}
table.VMenuDynamicItem
{
	color: White; 
	border-top: 1px solid #680000;
	border-left: 1px solid #680000;
	border-right: 1px solid #680000;
	background: #484848; 
	font-size: 10px;
	font-family: Tahoma;
	font-weight:bold;
	background-repeat:repeat;
}
table.VMenuDynamicItem td
{
	border-width:0px;	
	display:block;
}

table.VMenuDynamicItem a
{
	color: White;
	width:100%;
	display:block;
	padding: 4px 6px 4px 6px;
}
table.VMenuDynamicItem a:visited
{
	color: White;
}
table.VMenuDynamicHover
{
	color: White;
	background-color: #030000;
}
.VMenuDynamic
{
	border-top: 1px solid transparent;
	border-bottom: 1px solid #680000;
	min-width:70px;
}
table.VMenu tr
{
    border: 0px;
}
table.VMenu 
{
	border: 0px;
}
table.VMenu  td
{
    border: 0px;
}
/********** End Vertical Menu ***************/

/********** Horizontal Menu ***************/

table.HMenu
{
	vertical-align:top;
	padding:0px;
	margin:0px;
}

table.HMenuStaticItem
{
    font-size: 10px;
    height:18px;
	text-align:center;
	border: 0px;
    white-space:nowrap;
	position: relative;
	top: 0px;
    color:White; 
    white-space:nowrap;
    text-transform:uppercase;
    font-family: Tahoma;
    font-weight: bold;
    width: 116px;
}

table.HMenuStaticItem A
{
	cursor: pointer;
	position: relative;
	width: 100%;
	display: block;
	color: White;
	padding: 2px 0px 5px 0px;
}

table.HMenuStaticItem td
{
    padding: 0px 0px 0px 0px;
}

table.HBannerMenuStaticHover td
{
	background-color: #030000;
	background-image: url(images/bannermenuback_blk.png); 
	background-repeat:repeat-x;
}

table.HMenuStaticHover td
{
	background-color: #030000;
}

table.HMenuStaticItem A:hover
{
	/*background-color: #030000;*/
}

/* HMenu Dynamic Items */
table.HMenuDynamicItem
{
    min-width:70px;
    left: 120px;
    background: #A40000;
    font-size: 10px;
    font-family: Tahoma;
    font-weight: 700;
    text-decoration:none;
    border:1px solid #680000;
    border-top:0px;
    text-align:left;
}

table.HMenuDynamicItem A
{
	color: Black;
}

table.HMenuDynamicHover td
{
	color: #030000;
}

table.HMenuDynamicHover
{
	background-color: #030000;
}

table.HMenuDynamicItem a
{
	color: White;
	width:100%;
	display:block;
	padding: 4px 8px 4px 8px;
}
table.HMenuDynamicItem a:visited
{
	color: White;
}

/********** End Horizontal Menu ***************/

/********** Horizontal Page Menu ***************/

table.HPageMenu
{
	vertical-align:top;
	padding:0px;
	margin:0px;
}

table.HLPageMenuStaticItem
{
    font-size: 9px;
	text-align:left;
	border: 0px;
	border-right-width:1px;
	border-top-width:0px;
	border-style:solid;
	border-color:#C2C0B2;
    white-space:nowrap;
    color:Black;
    text-transform:uppercase;
    font-family: Tahoma;
    font-weight: bold;
}


td.HLPageMenuStaticItem
{
	background-color:#C2C0B2;
}

table.HLPageMenuStaticItem A
{
	color: White;
	display:block;
}
table.HLPageMenuStaticItem td
{ }

table.HLPageMenuStaticItem A:hover
{ }

/**/

table.HPageMenuStaticItem
{
    font-size: 9px;
	text-align:left;
	border: 0px;
	border-left-width:1px;
	border-top-width:0px;
	border-style:solid;
	border-color:#C2C0B2;
    white-space:nowrap;
    color:Black;
    text-transform:uppercase;
    font-family: Tahoma;
    font-weight: bold;
}

table.HPageMenuStaticItemLeft
{
    font-size: 9px;
	text-align:left;
	border: 0px;
	border-right-width:1px;
	border-top-width:0px;
	border-style:solid;
	border-color:#C2C0B2;
    white-space:nowrap;
    color:Black;
    text-transform:uppercase;
    font-family: Tahoma;
    font-weight: bold;
}

td.HPageMenuStaticHover
{
	background-color: #030000;
}

td.HPageMenuStaticItem
{
	/*background-color:  #C2C0B2;*/
}

table.HPageMenuStaticItem A
{
	color: White;
	text-align:left;
	width:100%;
	display:block;
	padding: 1px 15px 1px 15px;
}

table.HPageMenuStaticItem td
{
    text-align:center;
}

table.HPageMenuStaticItemLeft A
{
	color: White;
	display:block;
	padding: 1px 15px 1px 15px;
}

table.HPageMenuStaticItemLeft td
{
    text-align:left;
}

table.HPageMenuStaticHover td
{
	background-color: #030000;
}

table.HPageMenuStaticItem A:hover
{ }

a.HPageMenuLinkButton
{
	font-size:9px;
	text-decoration:none;
	white-space:nowrap;
}

a.HPageMenuLinkButtonLeft
{
	font-size:9px;
	text-decoration:none;
	white-space:nowrap;
}

table.HPageMenuDynamicItem
{
	min-width:70px;
    left: 120px;
    background: #A40000;
    font-size: 10px;
    font-family: Tahoma;
    font-weight: 700;
    text-decoration:none;
    
    border:1px solid #808080;
    text-align:left;
	background-repeat:repeat;
}
table.HPageMenuDynamicItem A
{
	color: Black;
	display:block;
	padding: 5px 5px 5px 5px;
}

table.HPageMenuDynamicHover td
{
	color: #030000;
}

table.HPageMenuDynamicHover
{
	background-color: #030000;
}

/********** End Horizontal Page Menu ***************/

table.adTable
{
    width:154px;
    background-color:White;
    text-align:center; 
    margin:0px;
    margin-top:10px; 
    margin-bottom:8px; 
    padding:0px;
    border-style:solid; 
    border-color:#680000; 
    border-width:1px;
}

td.adHeader
{
    font-size:x-small; 
    text-align:left;
    color:#EAE8E8;
    font-weight:bold; 
    background-color:#680000;
    background-image: url(images/HeaderBG.png);
    background-repeat:repeat;
    border-style:solid; 
    border-color:#680000; 
    border-width:0px;
    border-bottom-width:1px;
    padding:2px;
    padding-left:4px; 
    margin:0px;  
}

td.adCell
{
   text-align:center;
   padding:3px; 
   margin:0px; 
}

img.Ad
{
    border-style:none;
    border-width:0px;
}

a.Ad
{
    text-decoration: none; 
    border-style: none; border-width:0px; 
    display: block; margin: 0 auto;
}

/* Control Specific CSS */
input.btn 
{
	font-size:11px;
	margin:0px;
    color:#550000;
    background-color:#A0A0A0;
    font-weight:500;
    border:1px solid;
    border-top-color:#D6878D;
    border-left-color:#D6878D;
    border-right-color:#5A0104;
    border-bottom-color:#5A0104;
    filter:progid:DXImageTransform.Microsoft.Gradient
    (GradientType=0,StartColorStr='#F9F9F9',EndColorStr='#484848');
    }

input.btn:hover
{
	background-color:#323232;
	color:#E8E8E8;
    border-top-color:#c63;
    border-left-color:#c63;
    border-right-color:#930;
    border-bottom-color:#930;
    filter:progid:DXImageTransform.Microsoft.Gradient
    (GradientType=0,StartColorStr='#484848',EndColorStr='#BFBFBF');
   }
   
button.ui-state-default 
{
	font-size:11px;
	margin:0px;
    color:#550000;
    background-color:#A0A0A0;
    font-weight:500;
    border:1px solid;
    border-top-color:#D6878D;
    border-left-color:#D6878D;
    border-right-color:#5A0104;
    border-bottom-color:#5A0104;
    filter:progid:DXImageTransform.Microsoft.Gradient
    (GradientType=0,StartColorStr='#F9F9F9',EndColorStr='#484848');
    }

button.ui-state-default:hover
{
	background-color:#323232;
	color:#E8E8E8;
    border-top-color:#c63;
    border-left-color:#c63;
    border-right-color:#930;
    border-bottom-color:#930;
    filter:progid:DXImageTransform.Microsoft.Gradient
    (GradientType=0,StartColorStr='#484848',EndColorStr='#BFBFBF');
   }

.gridview { width:94%; padding:4px; }

.collapsePanel {
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
    height:23px; 
	background-color: #484848; 
	border-color: #680000;
	border-width:1px;
	border-style:solid;
	color: White; 
	font-weight:bold; 
	text-align:left;
}

.collapsePanelHeaderAttached{
	width:100%;
    height:23px; 
	background-color: #C0C0C0; 
	border-color: #680000;
	border-width:1px;
	border-top-width:0px;
	border-style:solid;
	font-weight:bold; 
	text-align:left;
}

.accordionHeader
{
	border: 1px solid #680000;
	color: white;
	background-color: #484848;
	font-weight: bold;
	padding: 3px;
	margin-top: 3px;
	cursor: pointer;
	text-align : left; 
}

.accordionHeaderSelected
{
	border: 1px solid #680000;
	color: white;
	background-color: #680000;
	font-weight: bold;
	padding: 3px;
	margin-top: 3px;
	cursor: pointer;
	text-align : left; 
}

.accordionContent
{
	background-color: #FFFFFF; /* #F5F7F8; */
	border: 0px solid #680000;
	border-top: none;
	text-align : left; 
}

/* Search Filter List */
span.SearchFilterItem
{ 
    cursor:pointer;
    padding:2px;
    padding-right:11px;
    margin-right:4px;
    margin-left:4px;
    background-image: url(images/close10px.png); 
    background-repeat:no-repeat;
    background-position:right;
}
span.SearchFilterItem:hover
{
    background-color:#DDDADA;
}

span.SearchIcon
{
	display:inline-block;
	font-size:smaller; 
	cursor:pointer; 
	border: solid 1px Transparent; 
	padding:2px;
	padding-right:5px;
	padding-left:3px;
}
span.SearchIcon:hover { border-color: #770707; background-color:#817C7C;}

/*Modal Popup*/
.modalBackground {
	background-color:#ffffff;
	filter:alpha(opacity=70);
	opacity:0.6;
	height:100%;
	width:100%;
}

.modalPopup {
	background-color:#F8F8F8; 
	border-width:1px;
	border-style:solid;
	border-color:#680000;
	padding:3px;
}

/*AutoComplete flyout */
.autocomplete_completionListElement 
{  
    visibility : hidden;
    margin : 0px!important;
    background-color : inherit;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : 'default';
    overflow : auto;
    height : 200px;
    text-align : left; 
    list-style-type : none;
}

/*Hover Menu*/
.popupMenu {
    position:absolute;
    visibility:hidden;
    background-color:#F5F7F8;
    font-weight:bold;
    font-size:small;

}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem 
{
    background-color : window;
    color : windowtext;
    padding : 1px;
}

.validatorCalloutHighlight
{
    background-color: #FFFACD;
}

/*Textbox Watermark*/
.unwatermarked {
}

.watermarked {
    background-color:#F0F8FF;
    color:gray;
}	

/* Password Strength */
.TextIndicator_TextBox1_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}

/* jQuery UI Stars  */
.ui-stars-star,.ui-stars-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer;}.ui-stars-star a,.ui-stars-cancel a{width:16px;height:15px;display:block;background:url(images/ui.stars.gif) no-repeat 0 0;}.ui-stars-star a{background-position:0 -32px;}.ui-stars-star-on a{background-position:0 -48px;}.ui-stars-star-hover a{background-position:0 -64px;}.ui-stars-cancel-hover a{background-position:0 -16px;}.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a{cursor:default!important;}

/* jQuery ToolTip */
#tooltip 
{
    font-size:smaller;
	position: absolute;
	z-index: 3000;
	border: 1px solid #680000;
	background-color: #EAE8E8;
	padding: 2px 3px 2px 3px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div { margin: 0;font-size:small; font-weight:normal; }

/* jQuery Icons for Velobase parents */

.first .ui-icon {background-image: url(images/ui-icons_FFFFFF_256x240.png); }
.first .ui-icon:hover {background-image: url(images/ui-icons_FFFFFF_256x240.png); background-color:Silver; }

/* Visual Search Classes */

.NoSelect
{
	cursor:pointer;
	display:block;
	border-width:2px;
	border-style:solid;
	border-color:transparent;
}

.Selected
{
	cursor:pointer;
	display:block;
	border-width:2px;
	border-style:solid;
	border-color:Black;
}

/*  Velo Detail Add/Edit */
span.SelectDetail
{
	display:inline-block;
	cursor:pointer; 
	border: solid 1px #7F9DB9; 
	padding:2px;
	padding-right:8px;
	padding-left:3px;
}
span.SelectDetail:hover 
{ 
	border-color: #680000;
	text-decoration:underline;
	}

div.DIThumb { padding:4px; }
div.DITitle { padding:3px; }
div.DIControls { padding:3px; }

img.DIThumb
{
	border-color:Black;
	border-width: 5px;
	border-style:solid;
	width:240px;
	max-height:300;
}

span.DIControl
{
	padding: 1px 3px 1px 3px;
	border: solid 1px #680000;
	cursor:pointer;
	background-color:#EAE8E8;
}

span.DIControl:hover
{ background-color:#484848; color:White; border-color:#B4311C; }

span.DISelectedCntrl
{ background-color: #791D1D; color:White; border-color:Black; }

td.DISelectedCell
{ background-color:#9A9696; }

/*  Velo Component Frame Build */

.SelectButton
{
    padding:  1px 3px 1px 3px;
	border: solid 1px #680000;
	cursor:pointer;
	background-color:#484848;
	color:#FFFFFF;
	display:inline-block;
	font-size:smaller;
	font-weight:bold;
}

.SelectButton:hover
{
	background-color:#5A0104;
}

/* Drag List */
.photolistitem
{
    position: relative;
    display: block;
    float: left;    
    list-style-type: none;
    height: 140px;    
    width: 160px;    
    padding: 6px;
    padding-bottom:3px;
    background-color: #EAE8E8;
	border-style:solid;
	border-color:#484848;
	border-width:1px;
    margin: 4px;
    text-align: center;
    cursor:move;
}

.listitemthumbnailimage
{
    max-width:148px;
    max-height:110px;
    border-width:0px;
    background-color:White;	
}

/* Photo Upload Buttons */

.photoUploadBtn
{
    cursor:pointer; 
    color:#550000;
    background-color:#A0A0A0;
    padding:3px; 
    border: solid 1px black; 
}

.photoUploadBtn:hover
{
    cursor:pointer; 
    background-color:#323232;
	color:#E8E8E8;
    padding:3px; 
    border: solid 1px black; 
}

/* jCROP */
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.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;
}