@import "jquery-ui-1.7.custom.css";

.foo {}

.gallerypanelblock .editingpanel { border: dotted 2px #333333; width: 91%; height: 50px;height: 100px; background-color:#cccccc; padding: 10px; color: #333333; margin: auto;}



/********************************************************************************
 *                  Styles for Basic HTML Tags                                  *
 ********************************************************************************/
a:link {text-decoration: none; cursor: hand;}
a:visited {text-decoration: none; cursor: hand;}
a:hover {text-decoration: none;	cursor: hand;}
a:active {text-decoration: none; cursor:hand;}

.cbPageHeaderTopBar a:link {text-decoration: none; cursor: hand;}
.cbPageHeaderTopBar a:visited {color: #ffffff; text-decoration: none; cursor: hand;}
.cbPageHeaderTopBar a:hover {color: #ffffff; text-decoration: none;	cursor: hand;}
.cbPageHeaderTopBar a:active {color: #ffffff; text-decoration: none; cursor:hand;}

.cbPageHomeBanner a:link {color:#ffffff;}
.cbPageHomeBanner a:visited {color: #ffffff;}
.cbPageHomeBanner a:hover {color:#ffffff;}
.cbPageHomeBanner a:active {color:#ffffff;}

.cbHomepageBottomBar a:link {color:#336699;}
.cbHomepageBottomBar a:visited {color: #336699;}
.cbHomepageBottomBar a:hover {color:#336699;}
.cbHomepageBottomBar a:active {color:#336699;}


.cbFooterPanel{ text-align: center;}

/********************************************************************************/

/********************************************************************************
 *                  Styles for TextBox Watermark Extender                       *
 ********************************************************************************/
.cbWatermarkStyle 
{
    color:#999999;
}
/********************************************************************************/

/********************************************************************************
 *                     Modal Popup Styles                                       *
 ********************************************************************************/
.modalBackground 
{
	background-color:#000000;
	filter:alpha(opacity=87);
	opacity:0.78;
}
.cbModalText
{
    display:block;
    padding-bottom: 5px;
    font-size:12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color:#333333;
}
.cbModalPanelProductBody
{
    height:300px; 
    overflow:auto;    
}
.cbModalContainer
{
    /*position:absolute;*/
    margin:0px;
    padding-right:0px; /* the gap on the right edge of the image (not content padding) */
    background: url(Images/Modal/custom_corners_topleft.gif) no-repeat scroll left top;
    position: absolute;
    /*margin: 20px auto;*/
}
.cbModalContainer h6
{
    background: url(Images/Modal/custom_corners_topright.gif) no-repeat scroll right top;
    padding: 15px;
    margin: 0px;
    position: relative;
    right: -14px;
    padding-top:5px;
    padding-left: 0px;
}
.cbModalContent
{
    background: url(Images/Modal/custom_corners_right.gif) repeat-y scroll right top;
    overflow:hidden;    
    position:relative;
    right: -14px;
    margin: 0px;
    margin-top: -10px;
    padding: 5px 20px 5px 0px;
}
.cbModalFooter
{
    background: url(Images/Modal/custom_corners_bottomleft.gif) no-repeat scroll left bottom;
    position: relative;
    top: 12px;
}
.cbModalFooter>p.modalfooter
{
    background: url(Images/Modal/custom_corners_bottomright.gif) no-repeat scroll right bottom;
    display: block;
    margin: -12px 0px 0px 0px;
    position: relative;
    right: -14px;
    padding: 15px 15px 0px 0px;
}
.cbModalHeaderDivider
{
    padding-top: 5px;
    padding-left: 5px;
    margin-left:10px;
    height:5px;
    background: url(Images/Modal/modal_header_divider.png) repeat-x bottom left;
    vertical-align: bottom;
}
.cbModalCloseButton
{
    position:absolute;
    right:18px;
    top:7px;
}
.cbModalLogo
{
    position:absolute;
    left: 5px;
    top:1px;
}
.cbModalTitle
{
	font-size:24px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	color: #3399cc;
	text-transform:capitalize;
	margin-top:15px;
	margin-bottom:5px;
	text-align:left;
    padding-left:35px;
}	
.cbModalHeader
{
    text-align:left;
    padding-left: 5px;
	margin-left:10px;
	margin-right:10px;
    cursor:move;
}
.cbModalBody
{
	text-align:left;
    margin-left:10px;
	margin-right:10px;
	padding-top:20px;
	padding-bottom:5px;
    font-family:Garamond, Georgia, Serif;
    overflow-y: auto;
    overflow-x: hidden;
    
}
.cbModalButtonSet
{
    position:relative;
    width:230px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.cbMenuPanel
{
    height:400px;
    overflow:auto;
}
/*********************************************************************/


/********************************************************************************
 *                  Styles for DetailsView                                      *
 ********************************************************************************/
.cbDetailsView-General
{
    background-color:Transparent;
    width:100%;
}
.cbDetailsView-RowStyle
{
    color:#666666; background-color:#ffffff; border-width:0px; height:25px; font-weight:bold;
}
.cbDetailsView-AlternatingRowStyle
{
    background-color:#F0F0F0; height:25px; font-weight:bold; color:#666666;
}
.cbDetailsView-FieldHeaderStyle
{
    width:35%; font-weight:bold; border-width:0px; background-color:#999999; color:#ffffff;
}
.cbDetailsView-CommandRowStyle{}
.cbDetailsView-EditRowStyle{}
.cbDetailsView-DataRowStyle{}
.cbDetailsView-FooterStyle
{
    text-align:center;
}
.cbDetailsView-HeaderStyle{}
.cbDetailsView-InsertRowStyle{}
.cbDetailsView-PagerStyle{}
/********************************************************************************/

/********************************************************************************
 *                  Styles for GridView                                         *
 ********************************************************************************/
.cbGridView .AspNet-GridView
{
    width: 100%;
}

.cbGridView .AspNet-GridView div.AspNet-GridView-Pagination,
.cbGridView .AspNet-GridView div.AspNet-GridView-Pagination a,
.cbGridView .AspNet-GridView div.AspNet-GridView-Pagination span
{
    color: #00FFFF;
    background: #284775;
    font-weight: normal;
    padding: 2px;
}

.cbGridView .AspNet-GridView table
{
    border: solid 2px #cccccc;
    width: 100%;
}

.cbGridView .AspNet-GridView table thead tr th
{
    color: #F7F6F3;
    text-align: left;
    background: #999999;
    font-weight: bold;
    border-bottom: solid 2px #cccccc;
    border-left: solid 0px #333333;
    border-right: solid 0px #333333;
    padding: 2px;
}

.cbGridView .AspNet-GridView table thead tr th a
{
    color: #F7F6F3;
}

.cbGridView .AspNet-GridView table tbody tr td
{
    color: #333333;
    background: White;
    padding: 2px 20px 2px 2px;
    border-bottom: solid 0px #CCCCCC;
    border-right: solid 0px #CCCCCC;
    text-align: left;
}

.cbGridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
    background: #F0F0F0;
}

.cbGridView .AspNet-GridView table tbody tr.AspNet-GridView-Selected td
{
}

.cbGridView .AspNet-GridView table tfoot tr td
{
}
.cbEmptyGridViewPanel
{
    background-color:#999999; font-weight:bold; color:#ffffff; padding:2px;
    width:100%; 
}
/********************************************************************************/

/********************************************************************************
 *                  Styles for TabPanel                                         *
 ********************************************************************************/
.cbTabPanelTheme
{
    width:100%;
    height:auto;
    /*position:relative;*/
}
/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.cbTabPanelTheme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #3399cc;
}
.cbTabPanelTheme .ajax__tab_header .ajax__tab_outer 
{
    background: #ffffff repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    font-size:12px;
    vertical-align:bottom;
    border:solid 1px #3399cc;
    width:auto;
    font-weight:bold;
    /*border-bottom-width:0px;*/
}
.cbTabPanelTheme .ajax__tab_header .ajax__tab_tab
{    
    font-weight:bold;
    color:#666666;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.cbTabPanelTheme .ajax__tab_hover .ajax__tab_outer 
{
    font-weight:bold;
    background: #3399cc repeat-x left -1300px;
}
.cbTabPanelTheme .ajax__tab_active .ajax__tab_tab 
{
    font-weight:bold;
    color:#ffffff;
}
.cbTabPanelTheme .ajax__tab_active .ajax__tab_outer
{
    background: #3399cc repeat-x left -1400px;
}
.cbTabPanelTheme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:12px;
    /*padding:0.25em 0.5em;*/
    padding: 20px 20px 20px 20px;
    background: url('Images/cbm_tab_bg.png') repeat-x 0 0;   
    border:0px solid #3399cc;
    }
/********************************************************************************/

/********************************************************************************
 *                  Styles for TabPanel                                         *
 ********************************************************************************/
.cbmTabPanelTheme
{
    width:100%;
    height:auto;
    position:relative;
}
.cbmTabPanelTheme .ajax__tab_header 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    vertical-align:middle;
    position:absolute;
    width:150px;
    left:0px;
    top: 40px;
}
.cbmTabPanelTheme .ajax__tab_header .ajax__tab_outer 
{
    background:url('Images/dashboard_tab_general.png') repeat-x;
    margin:3px 0px 3px 0px;
    padding:0px 0px 0px 0px;
    vertical-align:bottom;
    border:solid 0px #666666;
    width:100%;
    height:40px;
}
.cbmTabPanelTheme .ajax__tab_header .ajax__tab_inner
{
    width:100%;
    background:url(Images/dashboard_tab_general.png) #666666 repeat-x;
}
.cbmTabPanelTheme .ajax__tab_header .ajax__tab_tab
{    
    color:#666666;
    padding:0.35em 0.75em;
    padding-top:12px;
    width:130px;
    height:23px;
    text-align:left;
    vertical-align:text-bottom;
}
.cbmTabPanelTheme .ajax__tab_hover .ajax__tab_outer 
{
    background: #dedede repeat-x left -1300px;
}
.cbmTabPanelTheme .ajax__tab_active .ajax__tab_tab 
{
    color:#666666;
    font-weight:bold;
}
.cbmTabPanelTheme .ajax__tab_active .ajax__tab_outer
{
    background: #dedede repeat-x left -1400px;
        font-weight:bold;

}
.cbmTabPanelTheme .ajax__tab_body 
{
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-family: Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: 0px 0px 0px 0px;
    background-color:#ffffff;    
    border:solid 0px #666666;
    position:absolute;
    width:800px;
    right:0px;
}
.cbmTabPanelTheme span[id$="tabProfile_tab"] .ajax__tab_inner
{
    width:100%;
    background:url(Images/dashboard_tab_profile.png) #666666 repeat-x;
}
.cbmTabPanelTheme span[id$="tabProfile_tab"] .ajax__tab_inner span[id$="tabProfile"]
{
    color:#ffffff;
}
.cbmTabPanelTheme span[id$="tabCreate_tab"] .ajax__tab_inner
{
    width:100%;
    background:url(Images/dashboard_tab_create.png) #666666 repeat-x;
}
.cbmTabPanelTheme span[id$="tabCreate_tab"] .ajax__tab_inner span[id$="tabCreate"]
{
    color:#ffffff;
}
/********************************************************************************/

/********************************************************************************
 *                     Styles for Toolbar                                       *
 ********************************************************************************/
.cbToolbarMenuDiv
{
    z-index:9999;
    position: absolute;
    padding: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    background:transparent url(Images/toolbar_tabspan.gif) repeat top; 
    background-position:100% 0px; 
    font-size:10px;
    font-family:Arial Rounded MT Bold,Helvetica,sans-serif;
    vertical-align:text-bottom;
}
.cbUserNameDiv
{
    color:#3399cc;
    position:absolute;
    padding:8px 0px 0px 0px;
    top:0px;
    right:0px;
    text-align:right;
    background-color:transparent;
}
.cbUserNameDiv .AspNet-LoginStatus:link
{
    color:#3399cc;
}
.cbUserNameDiv .AspNet-LoginStatus:visited
{
    color:#3399cc;
}
.cbUserNameDiv .AspNet-LoginStatus:hover
{
    color:#3399cc;
    text-decoration:none;
}
.cbUserNameDiv .AspNet-LoginStatus:active
{
    color:#3399cc;
}
.cbDateDiv
{
    color:#3399cc;
    position:absolute;
    padding:8px 0px 0px 0px;
    top:0px;
    right:200px;
    text-align:left;
    background-color:Transparent;
}
     
.cbToolbarMenu a img 
{ 
    border:none; 
}
/* Tier 1 */
.cbToolbarMenu ul.AspNet-Menu 
{
    width: auto; 
}
/* Tier 2 */
.cbToolbarMenu ul.AspNet-Menu ul  
{
    width: auto;
    /*top: 100%;*/
    left: 0;
    background-color: #231f20;
}

/* all list items */
.cbToolbarMenu li 
{
    float:left;
    height:30px;
    background: #231f20;
}
.cbToolbarMenu li:hover li
{
    width:100%;
    float:left;
    background-color:#231f20;
}
/* all list items */
.cbToolbarMenu li.AspNet-Menu-WithChildren 
{
    height:30px;
    background: #231f20;
}

/* list items being hovered over */
.cbToolbarMenu li:hover, 
.cbToolbarMenu li.AspNet-Menu-Hover
{
    color:#3399cc;
    background: #231f20;
}

.cbToolbarMenu a.AspNet-Menu-NonLink
{
    cursor:default;
}
.cbToolbarMenu a.AspNet-Menu-NonLink:hover
{
    cursor:default;
}
.cbToolbarMenu li li
{
    width:100%;
    min-width:10em;
}
/* the tier above this one is hovered */
.cbToolbarMenu li:hover li a, 
.cbToolbarMenu li:hover li span,
.cbToolbarMenu li.AspNet-Menu-Hover li a,
.cbToolbarMenu li.AspNet-Menu-Hover li span
{
    color: #ffffff;
    background-color:#231f20;
    border-bottom-width:0px;
}
.cbToolbarMenu li a
{
    color: #ffffff;
    padding: 0px 0px 0px 10px;
    border:0px solid #000000;
    width:auto;
    height:30px;
    display:block;
    _display:inline-block;
    background:transparent url(Images/toolbar_tab.gif) no-repeat;
    background-position:0% -30px;
}
.cbToolbarMenu li a:hover
{
    width:auto;
    background-position:0% -30px;
}
.cbToolbarMenu li a span
{
    padding:7px 10px 0px 0px; 
    background:transparent url(Images/toolbar_tabspan.gif) no-repeat top; 
    background-position:100% -30px; 
    /*width:auto;*/
    height:23px; 
    display:block; 
    _display:block;   
}
.cbToolbarMenu li a:hover span
{
    /*width:auto;*/
    color:#3399cc;
    background-position:100% -30px;
}
.cbToolbarMenu li.AspNet-Menu-Leaf a, /* leaves */
.cbToolbarMenu li.AspNet-Menu-Leaf a span
{
    width:auto;
    border-bottom-width:0px;
    background-image: none !important;
}
.cbToolbarMenu li.AspNet-Menu-Leaf a:hover, /* leaves */
.cbToolbarMenu li.AspNet-Menu-Leaf a:hover span
{
    color:#231f20;
}
.cbToolbarMenu li:hover li:hover a,
.cbToolbarMenu li:hover li:hover span,
.cbToolbarMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.cbToolbarMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #3399cc;
    cursor:hand;
    border-bottom-width:0px;
    background-color:#231f20;
}
.cbToolbarMenu li.AspNet-Menu-Leaf a
{
    /*min-width:7em;*/
    width:100%;   
}
.cbToolbarMenu li.AspNet-Menu-Leaf span
{
    /*min-width:8em;*/
    width:100%;   
}
/* this tier is selected */
.cbToolbarMenu .AspNet-Menu-Selected 
{
    border: solid 0px #fff !important;
}
/* a tier below this one is selected */
.cbToolbarMenu .AspNet-Menu-ChildSelected 
{
    border: solid 0px #000000 !important;
}
/* a tier above this one is selected */
.cbToolbarMenu .AspNet-Menu-ParentSelected 
{
    border: solid 0px #0000ff !important;
}
/*
.ToolbarMenu li.cap 
{
    margin:0; 
    padding:0; 
    font-size:0 !important;
    clear:left;
    position:relative;
    white-space:normal;
    background:transparent url(Images/Toolbar/webbar_navendcap.gif) bottom right no-repeat scroll;  
    z-index:10001; 
    height:10px;
    width:10px;
    right:0px;
    border:0px;
}
.ToolbarMenu li.cap div
{
    background:url(Images/Toolbar/webbar_navend.gif) bottom left no-repeat scroll;
    display:block;
    height:10px;
    margin:0px 10px 0px 0px;
    padding:0px;
    min-width:110px;
    width:auto;
}
*/
/********************************************************************************
 *                     Styles for MenuEditor                                    *
 ********************************************************************************/
.cbMenuEditor 
{
    width:100%;
    height:250px;
    overflow:auto;
	list-style:none;
}

.cbMenuEditor ul
{
	margin:0px;	
	padding:0px;
}

.cbMenuEditor li
{
	padding:5px;
	list-style:none;
}

.cbMenuEditor .dragHandle
{
	background: url(Images/DragHandle.png) no-repeat;
	background-position:center top;
	
	width:15px;
	height:15px;
	
	display:block;
	
	cursor:move;
	border-style:none;
}

.cbMenuEditor .deleteHandle
{
	background: url(Images/DeleteHandle.png) no-repeat;
	background-position:center top;
	
	width:15px;
	height:15px;
	
	list-style-type:none;
	
	display:block;
	
	float:left;
	
	cursor:pointer;	
}

.cbMenuEditor .editHandle
{
	font-size:12px;
	font-family:Verdana;
	border-style:none;
	background-color:White;
	color:Black;
	
	
}

.cbMenuEditor .btnControls
{
	display:inline;
}

div>input.cbEditLinkButton
{
    position:relative;
    float:right;
    top:0;
    right:0px;
    font-size:10px;
    border: solid 0px #cccccc;
    background-color:Transparent;
    background-image:url('Images/Common/edit.png');
    cursor:pointer;
    width:36px;
    height:12px;
    z-index:1;
}

div>input.cbReorderLinkButton
{
    position:relative;
    float:right;
    top:0;
    margin-right:3px;
    font-size:10px;
    border: solid 0px #cccccc;
    background-color:Transparent;
    background-image:url('Images/Common/reorder.png');
    cursor:pointer;
    width:36px;
    height:12px;
    z-index:1;
}

/****************************************************************
        TabPanel Style for Product/Category editing
        
****************************************************************/
.cbTabPanelTheme .cbTabPanelTheme_PCM
{
    min-height:420px;
}

/****************************************************************
        Product/Category Editing Panel Styles
****************************************************************/
*[class^="cbShadowProductEditorDiv"]
{
    float:left;
    background: url(Images/Common/shadow_square.png) no-repeat bottom right !important;
    border:solid 0px;
    padding-right:5px;
    padding-bottom:5px;
}
*[class^="cbShadowProductEditorContentDivLeft"]
{
    width:200px;
    border-style:none;
}
*[class^="cbShadowProductEditorContentDivRight"]
{
    width:520px;
    border: 2px solid #cccccc;
}
*[class^="cbShadowProductEditorContentDiv"]
{
    min-height:400px;
    color: #777;
    background-color: #fff;
    font-family:'ArialMT','Arial',sans-serif;
    margin-top: -5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: -5px;
}

.ProductEditAccordionHeader
{
    height:18px;
    width:520px;
    font-family:'ArialMT','Arial',sans-serif;
    font-weight:bold;
    color: #666666;
    padding: 0px 0 0 0px;    
    background: url(Images/Modal/Thin_Header_bg.png) repeat-x bottom right;   
}

.cbIFrameProductImageUploader
{
    height:125px;
    width:110px;    
    float:left;
    display:block;
}


/****************************************************************
        Category ReorderList Styles
****************************************************************/
.cbReorderDragHandle
{
    width: 20px;
    height: 20px;
    cursor: move;
    border-style:none;
    background-color:Transparent;
    background-image: url("Images/Common/draghandle_20x20.png");            
}

.cbReorderDeleteHandle
{
    width: 20px;
    height: 20px;
    cursor:pointer;
    border-style: none;
    background-color:Transparent;
    background-image: url("Images/Common/recycle_20x20.png");
    display:inline-block;
    z-index:1;
}
UL.ui-sortable
{
    padding-left:0px;
    margin-left:0px;
}

/****************************************************************
        Product List Panel Styles
****************************************************************/

.cbProductDetailTable
{
    border: solid thin white;
    border-collapse:collapse;
    width:100%;
    padding:0px;
}


.cbProductDetailTable .cbProductDetailTableCell
{
    border: solid thin white;
    border-collapse:collapse;
    margin:0px;
    padding:0px;    
}
.cbProductDetailTable .cbProductDetailTableCell2
{
    border: solid thin white;
    border-collapse:collapse;
    margin:0px;
    padding:0px;
    width:240px;        
}

.cbProductDetailViews
{
    border: solid 0px white;
    border-collapse:collapse;
    width:100%;
    margin:0px;
    padding:0px;
    font-size:smaller;
}

.cbProductDetailViews .cbPCMCheckBox
{
    height:120px;
    width:220px;
    overflow-x: hidden; 
    overflow-y: scroll;   
}

.cbProductDetailViewsEmptyLabel
{
    padding:15px;
    vertical-align:middle;
}

.cbGridViewPCMProductList
{
    overflow:hidden;
    width:240px;
    margin:0px;
    padding:2px;
    height:380px;
}

.cbGridViewPCMProductList .AspNet-GridView
{
    font-size:small;
    margin-top:10px;
    margin-bottom:10px;  
    width:600px;
    padding:2px;
    cursor:move;
}

.cbGridViewPCMProductList .AspNet-GridView .AspNet-GridView-Header th
{
    font-size:medium;
}

.cbGridViewPCMProductList .AspNet-GridView .AspNet-GridView-Normal td
{
}

.cbGridViewPCMProductList .AspNet-GridView .AspNet-GridView-Alternate td
{
}

.cbGridViewPCMProductList .AspNet-GridView .AspNet-GridView-Bottom td
{
    padding-top:10px;
}

.cbGridViewPCMProductList .AspNet-GridView .AspNet-GridView-Selected td
{
    width:100%;
    border: solid thin white;        
}

    .callbackStyle
    {
        border: thin blue inset;
    }
    .callbackStyle table
    {
        background-color: #5377A9;
        color: Black;
    }
    .reorderListDemo li
    {
        list-style: none;
        margin: 2px;
        background-image: url(images/bg_nav.gif);
        background-repeat: repeat-x;
        color: #FFF;
    }
    .reorderListDemo li a
    {
        color: #FFF !important;
        font-weight: bold;
    }
    .reorderCue
    {
        border: dashed thin black;
        width: 100%;
        height: 25px;
    }
    .itemArea
    {
        margin-left: 15px;
        font-family: Arial, Verdana, sans-serif;
        font-size: 1em;
        text-align: left;
    }
    .firstname
    {
        padding: 7px;
        display: block;
    }
    .lastname
    {
        padding: 7px;
        display: block;
    }
    .ieb
    {
        padding: 7px;
    }
    .hover
    {
        padding: 4px;
        border: 3px dashed darkblue;
        background: lightblue;
    }

/****************************************************************
        Collapsable Panel
****************************************************************/
.cbCollapsePanelContent 
{
	width: 640px;
	height:0px;
	background-color:white;
	overflow:hidden;
}
.cbCollapsePanelHeader
{	
	width:300px;		
	height:20px;
	color: Yellow;
	background-color: #0066ff;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}


/****************************************************************
	General Crossbone Styles

Helpful site on CSS Selectors

http://msdn.microsoft.com/en-us/library/aa360587(VS.85).aspx
****************************************************************/
*[class^="cbDropDownList"]
{
    border-color:#666666;
	border-width:1px;
    margin-right:8px;
}
*[class^="cbLabel"]
{
	font: 14px bold 'Arial-BoldMT','Arial',sans-serif;
	color:#000000;
    padding-right:10px;
	display:block;
}	

*[class^="cbInfoLabel"]
{
	font: 10px bold "Times New Roman", Times, serif;	
	color:#000000;
    padding-right:10px;
	display:block;
}

*[class^="cbTextBox"], *[class^="cbTextbox"], *[class^="cbModalTextbox"]
{
    color: #666666;
    border: solid 2px #999999;
    color:#333333;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;    
}

*[class^="cbThighTextbox"]
{
	border-color:#666666;
	border-width:1px;
	padding:1px;
	text-align:left;
    overflow:hidden;
    height:15px;
    font-size:12px;
    color: #666666;
    border-width: 3px;
}

.cbDropDownList
{
    border-color:#666666;
	border-width:1px;
	padding:2px;
	text-align:left;
    overflow:hidden;
    height:21px;
    font-size:12px;
}
*[class^="cbButton"]
{
    width:70px;
	background-color:#3399cc;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #ffffff;
	text-align:center;
	border-style:solid;
	border-color:#666666;
	border-width:0px;
	margin-top: 1px;
    height: 20px;
}
*[class^="cbButton"]:hover
{
	background-color:#336699;
    cursor: hand;
}
*[class^="cbLargeFileIcon"]
{
	display:inline;
	margin:5px;
	cursor:pointer;
}

*[class^="cbSelectableItem"]
{
	display:block;
}

*[class^="cbSelectableItem_Select"]
{
	background-color:#f0f0f0;
}

*[class^="cbSelectableItem_Hover"]
{
	background-color:#cccccc;
}

/* TODO: delete this and just use cbTabPanelTheme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(Images/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(Images/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(Images/tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(Images/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(Images/tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
    padding-bottom:25px;
}


/****************************************************************
        NewPageScrollable
****************************************************************/

/* outmost wrapper element, containing all elements  */
div.NewPageScrollable {
	background-color:Transparent;
	border:0px solid #ddd;
	padding:5px;
	width:700px;
	height:120px;
	margin-top:5px;
	-moz-border-radius:7px;
	width:500px;
	position:relative;
	overflow:hidden;  
	float:left;
}

/* container for the scrollable items */
div.NewPageScrollable div.items {
	height:120px;
	width:20000em;
	position:absolute;
}

/* single item */
div.NewPageScrollable div.items a {
	display:block;
	float:left;
	margin-right:0px;
	width:130px;
	height:150px;
	background:url(/img/playlist/entry.gif) 0 0 no-repeat;
	font-size:12px;
	color:#ccc;
	/*line-height:20px;*/
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}

div.NewPageScrollable div.items a:hover {
    background-color:#cccccc;	
}

div.NewPageScrollable div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}

/* single item */
div.NewPageScrollable div.items div.itemDiv {
	display:block;
	float:left;
	margin-right:0px;
	width:130px;
	height:100px;
	background:url(/img/playlist/entry.gif) 0 0 no-repeat;
	font-size:12px;
	color:#ccc;
	/*line-height:20px;*/
	text-decoration:none;
	text-align:center;
	cursor:pointer;
    padding-top: 10px;
}

div.NewPageScrollable div.items div.itemDiv:hover {
    background-color:#cccccc;	
}

div.NewPageScrollable div.items div.itemDiv:active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}

/* navigator */
div.navi {
	position:relative;
	top:-30px;
	left:310px;
	margin-left:-50px;
	width:50px;
	height:0px;
}

/* items inside navigator */
div.NewPageScrollableOuterDiv div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(Images/Scrollable/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.NewPageScrollableOuterDiv div.navi span:hover {
	background-position:0 -8px;      
}

div.NewPageScrollableOuterDiv div.navi span.active {
	background-position:0 -16px;     
} 	

/* next / prev buttons */
div.NewPageScrollableOuterDiv a.prev, div.NewPageScrollableOuterDiv a.next {
	background:url(Images/Scrollable/left.png) no-repeat 0 0;
	display:block;
	width:18px;
	height:18px;
	float:left;	
	margin:20px 0 0 20px;
	cursor:pointer;
}

div.NewPageScrollableOuterDiv a.next {
	background-image:url(Images/Scrollable/right.png)		
}

div.NewPageScrollableOuterDiv a.prev:hover {
	background-position:0 -18px;		
}

div.NewPageScrollableOuterDiv a.next:hover {
	background-position:0 -18px;		
}


/****************************************************************/

    /* root element for scrollable */ 
div.ProductEditorScrollable {   
    position:relative; 
    overflow:hidden;
    height: 338px; 
    width: 200px;     
} 
 
div.ProductEditorScrollable div.items {     
    position:absolute; 
    height:20000em;
    width: 200px;
}

div.ProductEditorScrollable div.items div
{
    list-style-type: none;
    background-image: url('Images/Scrollable/Products/product_item_inactive.png');
    padding-left: 16px;
    margin-left: 6px;
    background-position: left;
    background-repeat: no-repeat;
    width: 200px;
    height: 27px;
}

div.ProductEditorScrollable div.items div.active
{
    background-image: url('Images/Scrollable/Products/product_item_active.png');
    background-position: left;
    background-repeat: no-repeat;
}

div.ProductEditorScrollable div.items div div
{
    width: 168px;
    height: 27px;
    padding-left: 10px;
    padding-top: 5px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'bitstream vera sans';
    border: 0px outset #ccc;
    -moz-border-radius: 5px;
    margin-bottom: 0px;
    background-image: url('Images/Scrollable/Products/product_item_bg.png');
    background-repeat: no-repeat;
}

div.cbShadowProductEditorContentDivLeft a.prev, div.cbShadowProductEditorContentDivLeft a.next
{
	background:url('Images/Scrollable/Products/upbg.png') no-repeat 0 0;
	display:block;
	width:200px;
    height:31px;
	margin:0px 0 0 0px;
	cursor:pointer;
}

div.cbShadowProductEditorContentDivLeft a.next
{
	background-image:url('Images/Scrollable/Products/downbg.png');
}

div.cbShadowProductEditorContentDivLeft div.ProductEditorUpButton 
{
    height:100%;
    width:100%;
    margin:auto;
	background-image:url('Images/Scrollable/Products/up.png');    
	background-position:center;
	background-repeat:no-repeat;
}

div.cbShadowProductEditorContentDivLeft div.ProductEditorDownButton 
{
    height:31px;
    padding-left:66px;
    width:50px;
    float:left;
    display:inline;
	background-image:url('Images/Scrollable/Products/down.png');    
	background-position:right;
	background-repeat:no-repeat;
}


.cbProductAddButton
{
    position:relative;
    right:0px; float:right;
    cursor:pointer;
    height:30px; width:30px;
    background-image:url('Images/Scrollable/Products/add.png');
}

.cbProductSaveButton
{
    cursor:pointer; float:right;
    padding-left:2px;
    height:30px; width:30px;
    background-image:url('Images/Scrollable/Products/save.png');
}

.cbProductDeleteButton
{
    cursor:pointer; float:right;
    padding-left:2px;
    height:30px; width:30px;
    background-image:url('Images/Scrollable/Products/delete.png');
}

.cbProductRefreshButton
{
    cursor:pointer; float:right;
    padding-left:2px;
    height:30px; width:30px;
    background-image:url('Images/Scrollable/Products/refresh.png');
}


/****************************************************************
	Special parameters to add to the class name
	Example: class1_FullWidth_HighLight will apply the _FullWidth
			 and _Highlight parameter to the style
****************************************************************/
*[class*="_FullWidth"]
{
	width:90%;
}
	
*[class*="_Relative"]
{
	position:relative;
}
	
*[class*="_RichText"]
{
	margin: 10px;
	margin-bottom:20px;
}
	
	*[class*="_Block"]
	{
		display:block;
		margin-top:5px;
		margin-bottom:5px;
	}
		
	*[class*="_Selected"] /*a selected control, different from "HighLight" where highlight is limited to non-control elements*/
	{
		background-color:#0A246A;
		color:#FFFFFF;
	}
	



.actionStatus
{
    font-size: 16px;
    color: Red;
}

.actionStatusConfirmation
{
    font-size: 12px;
}

.actionStatusImages
{
    display: block;
    margin-left: auto;
    margin-right: auto;
} 

.cbActionStatus
{
    font-size: 18px;
    font-weight:bold;
    color: Red;
}


/********************************************************************************
 *                     Styles for Modal Popup                                   *
 ********************************************************************************/
*[class^="cbHeading"]
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	line-height:16px;
	padding-bottom:10px;
	display:block;
}

*[class^="cbHeading2"]
{    
	font-family:Arial-BoldMT,Arial,sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	line-height:16px;
	padding-bottom:10px;
	display:block;
}

*[class^="cbTitleBar"]
{
	border-bottom-style:dotted;
	border-bottom-color:#333333;
	border-bottom-width:1px;
}




*[class^="cbTitle"]
{
	font-size:24px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	color: #999999;
	text-transform:capitalize;
	margin-top:15px;
	margin-bottom:5px;
	display:block;
	text-align:left;
}

*[class^="cbTitleText"] .cbTitleTextLabel {
	position: relative;
}
*[class^="cbTitleText"] .cbTitleTextLabel span {
	/*background: url(Images/gradient-title.png) repeat-x;*/
	position: absolute;
	display: block;
	width: 100%;
	height: 30px;
    color:#666666;
}

*[class^="cbTitleFooter"]
{
	border-bottom-width: 1px;
	border-bottom-color:#cccccc;
	border-bottom-style:solid;
	display:block;
	font-family:Garamond,Georgia,serif;
	font-size:15px;
	font-weight:400;
	font-style:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
}
*[class^="cbModalPanelHeader"]
{
	border-bottom-width: 2px;
	border-bottom-color:#999999;
	border-bottom-style:solid;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#999999;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:5px;
	text-align:left;
}
*[class^="cbModalLabel"]
{
	font: 14px bold "Times New Roman", Times, serif;
	color:#000000;
    padding-right:10px;
}	

/********************************************************************************
 *                     Style for Modal Color Changer Popup                      *
 ********************************************************************************/
.cbColorChangerContainer *:not(.cbButton)
{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.cblColorChanger
{
    position:absolute;    
}

.cbColorChanger *:not(.cbButton)
{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.cbColorChangerTitle
{
	font-size:24px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	color: #999999;
	text-transform:capitalize;
	margin-top:1px;
	margin-bottom:5px;
	text-align:left;
    padding-left:40px;
}	
.cbColorChangerHeaderDivider
{
    padding-top: 3px;
    padding-left: 0px;
    height:5px;
    background: url(Images/Modal/modal_header_divider.png) repeat-x bottom left;
    vertical-align: bottom;
}



.cbColorChangerSelect
{
    margin-top:5px;
    border: solid 2px #999999;
    margin-bottom:5px;
}

.cbColorChangerCode
{
    position:relative;
    border: solid 2px #999999;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    margin-bottom:5px;
}
.cbColorChangerButton
{
    position:relative;
    width:260px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}


#cbFooter { margin-left:auto; margin-right:auto; text-align:center; padding-top:0px; font-size: 10px; clear: both; }

/********************************************************************************
 *                     Styles for validation controls                           *
 ********************************************************************************/
/* ---------------------------------- =Base Styles ------------------------------*/
/*
* { margin: 0; padding: 0; }

body, table, pre
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 135%;
	color: #000;
}
*/	


/* ---------------------------------- =Forms -----------------------------------*/
/*
.form-buttons              { margin: 20px 0 0;}
.form-buttons-top          { margin: 0 0 20px; }
.form-buttons-top .title   { margin: 0 5px 0 0; }

.form-side-labels .row     { margin: 0 0 7px; }
.form-side-labels label    { float: left; display: block; padding: 1px 0 0 0; width: 150px; }
.form-side-labels .field   { float: left; padding: 1px 0 0; }
.form-side-labels input    { float: left; }
.form-side-labels select   { float: left; }
.form-side-labels textarea { float: left; }

.form-top-labels .row      { margin: 0 0 7px; }
.form-top-labels label     { display: block; margin: 0 0 7px; }

.side-by-side              { float: left; margin: 0 10px 7px 0; }
.side-by-side-last         { float: left; margin: 0 0 7px 0; }
*/
/*
fieldset
{
	position: relative;
	margin: 42px 0 10px;
	padding: 10px;
	border: none;
}


input.small, input.medium, input.large, input.title
{
	padding: 2px;
	font-size: 13px;
	border: 1px solid #7f9db9;
}

.ie6 input.small, .ie6 input.medium, .ie6 input.large, .ie6 input.title,
	.ie7 input.small, .ie7 input.medium, .ie7 input.large, .ie7 input.title,
		.ie8 input.small, .ie8 input.medium, .ie8 input.large, .ie8 input.title
{ margin: -1px 0 0 0; }

input.three  { width: 30px; }
input.four   { width: 40px; }
input.five   { width: 50px; }
input.date   { width: 80px; }
input.small  { width: 93px; }
input.medium { width: 200px; }
input.large  { width: 416px; }
*/
/*
.validation-summary
{
	margin: 5px 0 10px 0;
	padding: 10px;
	font-size: 16px;
	color: #000;
	border: 4px solid #fed;
}

.validation-summary ul, .validation-summary ul li
{
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;
	color: #e00;
}

.validation-summary ul li
{
	margin: 2px 0 7px 20px;
	list-style-type: square;
	background-image: none;	
}

.failed-validation { color: #f00; }
label.required     { font-weight: bold; }
*/


input.cbError  { background: #ffeedd; border: 1px solid #e00; }
select.cbError { background: #ffeedd; border: 1px solid #e00; }
span.cbError, .form-side-labels span.cbError, .form-top-labels span.cbError
{
	float: left;
	display: block;
	margin: 0 0 0 5px;
	padding: 3px;
	width: auto;
	font-weight: bold;
	color: #fff;
	background: red;
}

.form-top-labels span.cbError
{
	float: none;
	margin: 3px 0 0;
	width: 416px;
}
.form-top-labels .side-by-side span.error, .form-top-labels .side-by-side-last span.error { width: 200px; }




/* ---------------------------------- =Clear --------------------------------- */
/*
html body .clear
{
	overflow: hidden;
	float: none;
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 0;
	line-height: 0;
	border: 0;
}
*/
 
/********************************************************************************/

/*==============================================================================*
 *                     Styles for FreeForm Editor                               *
 *==============================================================================*/
/******************* Freeform Editor's Reorder List Editing *********************/
.sortableItem{
    list-style-type:none; 
}
.FFsortableItem
{
    list-style-type:none; 
}
.FreeFormInlineEdit 
{
    width: 150px;
    /*border: solid 2px #3399cc;*/
    display: inline;
    /*background-color:#e0e0e0;*/
    padding: 1px;
    height: 20px;    
}

.FreeFormBlockEdit 
{
    width: 150px;
    border: solid 2px #3399cc;
    display: block;
    background-color:#e0e0e0;
    padding: 1px;
    height: 20px;    
}
.FreeFormTextLabel 
{
    width: 90px;    
    display: inline-block;
    background-color:Transparent;
    padding: 1px;
    color:Black;    
    font-weight:bold;
    font-size:1.2em;
}
.FreeFormEditorTextLabel 
{
    width: 90px;    
    display: inline-block;
    background-color:Transparent;
    padding: 1px;
    color:Black;    
    font-weight:bold;
    font-size:1.2em;
}
.FreeFormEditorControlIDTextLabel
{
    width: 270px;    
    display: inline-block;
    background-color:Transparent;
    padding: 1px;
    color:Black;    
    font-weight:bold;
    font-size:1.2em;

}
.FreeFormEditorHighLightbox
{
    border: 1px solid yellow;
    background-color:#FBFE8F;/*#FBFE9A*/
    /*background-image: url(Images/Common/YellowHighlight.png);*/
    background-repeat:repeat-x;
}
.FreeFormEditorInlineEdit 
{
    width: 150px;
    border: solid 2px #3399cc;
    display: inline;
    background-color:#e0e0e0;
    padding: 1px;
    height: 20px;    
}
.FreeFormDatePickerEditorInlineEdit 










{
    width: 150px;
    border: solid 2px #BEEF93;
    display: inline;
    background-color:#e0e0e0;
    padding: 1px;
    height: 20px;    
}
.FreeFormTextAreaEditorInlineEdit 
{
    width: 150px;
    border: solid 2px #3399cc;
    display: inline;
    background-color:#e0e0e0;
    padding: 1px;    
}

.FreeFormEditorBlockEdit 
{
    width: 150px;
    border: solid 2px #3399cc;
    display: block;
    background-color:#e0e0e0;
    padding: 1px;
    height: 20px;    
}









/*==============================================================================*
 *                     Styles for Menu Editor                                   *
 *==============================================================================*/
/******************* Menu Editor's Reorder List Inline Editing ******************/
.menupageInlineEdit 
{
    width: 300px;
    border: solid 2px #3399cc;
    display: block;
    background-color:#e0e0e0;
    padding: 1px;
    height: 20px;
    
}
/*.menupageInlineEdit:hover
{
    border: solid 1px #3399cc;
    background-color:#ffffcc;
    display:block;
    padding:0px;
}*/

.menupageDescription
{
    font-weight:bold;
    font-size:16px;
    color: #3399cc;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
}
/********************************************************************************/



/*==============================================================================*
 *                     Styles for Menu Editor                                   *
 *==============================================================================*/
.promptRepeat
{
	background-image: url(Images/Prompt/prompt_repeat.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 10px 20px;
}
.promptRepeat span
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 0.8em;
	margin: 0px !important;
	line-height: normal !important;
}
.promptTop
{
	width: 350px;
	background-color: #ffffff;
	background-image: url(Images/Prompt/prompt_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.promptTop span
{
	margin: 0px 8px;
	font-family: Arial, Verdana, Tahoma;
	font-size: 0.8em;
	line-height: 28px;
	vertical-align: middle;
}
.promptFooter
{
	background-color: #f0f0f0;
	background-image: url(Images/Prompt/prompt_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.promptButton
{
	margin: 0px 5px;
	padding: 0px 5px;
}
 
 
/*==============================================================================*
 *                     Styles for Contact Panel Editor                                   *
 *==============================================================================*/
.cbContactEditorTable { margin-left:10px; margin-top:10px; margin-bottom:15px; }
.cbModalTextboxContact { width: 300px; }
.cbFeedbackUploadIframe { width: 427px; height: 147px; background-image: url('Images/Modal/feedback_upload_div.png');}
.cbFeedbackUploadDiv { border: solid 2px #666666; }

/*============== Styles for File Upload Browse Button ============================*/
.fakeBrowsePath { position: absolute; color: #666666; border: solid 2px #999999; left: 0px; }
.realBrowsePath { width: 0px; border-width:0px; height: 21px; position: absolute; right: 290px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity:0); z-index: 20; }
/*==============================================================================*/

.cbButtonDeleteFile { position: absolute; right:5px; }
.cbFileInputRow { overflow:hidden; padding-left:30px; min-width:300px; height:30px; background-image:url("Images/Account/SiteMapButtons/selected.png"); background-repeat:no-repeat; display:inline-block }

.faqHeader { font-weight: bold; font-size: 16px; color: #333333; }
.faqQuestion { font-weight: bold; display: block;}
/* Styles of jEditable TextBox inside the modal */
.jEditableLabel { display: block; height: 18px; width: 200px; border: solid 1px #ffffff;}
.jEditableLabel:hover { background-color: #a0daf8; border: solid 1px #3399cc;}