/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

div#mainContentBox_WidgetWiard { margin: auto; width: 1200px; height: 100%; padding: 0px; background-color: #ffffff; }

ul li { list-style: none; background: url("https://www.thefinancials.com/images/arrow.gif") no-repeat 0px 5px; margin: 0 0 4px 0; padding: 0 0 0 10px; }

div#header_WidgetWizard {
	height: 95px;
	width: 1200px;
	background-color: #b7b774;
	padding:0px;
	margin:0px;
}

div#header_WidgetWizard img { float: left; background-color:#fff; }
div#header_WidgetWizard .bannerHolder {float:right;}

.page
{        
    background-color: #fff;
    border: 1px solid #496077;
}
/*margin: 20px auto 0px auto;*/
.header
{    
    background: #FFFFFF;
}

div#WidgetWizardfooter {
	border-top: 3px solid #b7b774;
	background-color: #e9e9e9;
	padding:0;
	margin:0;
	font-size:11px;
	font-family: Arial;
	text-align: center;
	height: 123px;
}

div#WidgetWizardfooter p {
	width: 900px;
	margin:  10px 150px 12px 150px;
	text-align:justify;
}

.TitleAndForm
{
    position:relative;
    margin: 0px 0px 0px 0px;  
    float: left;   
}

.instructions
{
    margin: 0px 0px 0px 40px;
    padding: 0px;    
    background: #FFFFFF;
    width: 520px; 
    color: Black;
    font-size: 13px;
    font-weight: normal;
}

.example_ticker
{
    margin: 0px 5px 0px 0px;
    padding: 0px;
    background: #FFFFFF;
    width: auto;    
    vertical-align: top;
    height: 50px;
    width: auto;    
}

.example_ticker_Tabbed
{
    margin: 0px 5px 14px 0px;    
    padding: 0px;
    background: #FFFFFF;
    width: auto;    
    vertical-align: top;
    height: 50px;
    width: auto;    
}

.example
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background: #FFFFFF;
    width: auto;    
    vertical-align: top;
    float: left; 
}

.example_release
{
    margin: -10px;
    padding: 0px;
    background: #FFFFFF;
    width: auto;    
    vertical-align: top;
    float: left;
}

.widgetstyles
{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #b7b774;
}

.widgetstyles_ticker
{
    margin: 3px 5px 20px 3px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #b7b774;
}

       
example td
{
    margin: 0px;
    padding: 0px;
}

.widgettitle
{
    border-top: 2px solid #b7b774;
    border-bottom: 2px solid #b7b774;
    padding: 0;
    margin: 0px 0px 0px 20px;
    text-align: left;
    height: auto;    
    width: auto;   
}

.widgettitle_ticker
{
    border-top: 2px solid #b7b774;
    border-bottom: 2px solid #b7b774;
    padding: 0;
    margin: 3px 5px 5px 3px;
    text-align: left;
    height: auto;
    clear: left; 
}

.widgetform
{    
    margin: 0px 0px 0px 40px;
    padding: 0px;
    background: #FFFFFF;
    width: auto;
}

.widgetformPL
{    
    margin: 10px 0px 0px 20px;    
    padding: 0px;
    background: #FFFFFF;
    width: auto;
}

.widgetfooter
{    
    color: #666666;
    clear: left;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

li
{
    margin-bottom: 5px;
}

.numberedlist
{
    margin-left: 10px;
    margin-bottom: 10px;
    position: inherit;
    display: inline-block;
    width: 425px;
}

.numberedlistPL
{
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 10px;
    position: inherit;
    display:  inline-block;
}

.copyright
{
    font-size: x-small;
    font-weight: lighter;
}

.asterisk
{
    color: #FF0000;
    margin-left: 20px;
}

.nextbutton
{
    float: right;
}

.requiredField
{    
    color: #FF0000;
}

.examplePanelText
{    
     padding-top: 152px;
     font-weight: bold; 
     font-size: 12px;
     vertical-align: top;
     text-align: right;
     color: #404040;
}
.errorMessage
{
        margin: 0px; 
        text-align: right;
        font-size: 14px;
        font-weight: bold;
}

/* .ajax__tab_header - A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */
/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */   

/* XP IE7 theme - Backgrounds */


.tabFreePrivateLabel .ajax__tab_header					 
{
    background:url(/images/tab-line.gif) repeat-x bottom; 
    margin: 10px 10px 0px 10px;    
    font-weight: bold;
    color: #666666;
}

.tabFreePrivateLabel .ajax__tab_active
{
    color: #1F4C79;
}
        
.tabFreePrivateLabel .ajax__tab_outer						
{
    background:url(/images/tab-right.gif) no-repeat right; 
    height:29px;
}

.tabFreePrivateLabel .ajax__tab_inner						 
{    
    background:url(/images/tab-left.gif) no-repeat; 
    padding-left:3px;
    margin: 0px 3px 0px 0px;
}

.tabFreePrivateLabel .ajax__tab_tab						 
{
    background:url(/images/tab.gif) repeat-x;     
    padding:8px; 
    margin:0px;
}

.tabFreePrivateLabel .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tab-hover-right.gif) no-repeat right; }
.tabFreePrivateLabel .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tab-hover-left.gif) no-repeat; }
.tabFreePrivateLabel .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tab-hover.gif) repeat-x; }

.tabFreePrivateLabel .ajax__tab_active .ajax__tab_outer	
{ 
    background:url(/images/tab-active-right.gif) no-repeat right;     
}
.tabFreePrivateLabel .ajax__tab_active .ajax__tab_inner	 
{
    background:url(/images/tab-active-left.gif) no-repeat; 
 }

.tabFreePrivateLabel .ajax__tab_active .ajax__tab_tab		
{ 
    background:url(/images/tab-active.gif) repeat-x; 
}

.tabFreePrivateLabel .ajax__tab_body
{ 
    border:1px inset #1F4C79;
    border-top:0px;
    padding:0px;
    background-color:#ffffff; 
    margin: 0px 10px 0px 10px;
}

.tabFreePrivateLabel .ajax__tab_header .ajax__tab_outer
{
      margin:0px 0px 0px 0px;
      padding:1px 0px 1px 0px;
      vertical-align:bottom;            
}

.chooseFreeOrPL 
{
    text-decoration: underline; 
    color: #0000FF; 
    font-weight: bold;
    cursor:pointer; 
}

.socialButtons
{
    float: right; 
    margin-top: 10px;
    margin-right: 15px;
    text-align: right;
}

.pnlExample
{
    overflow:hidden; 
}

.panelExampleControls
{    
    margin: 0px;    
	margin-bottom: 3px;
    font-size: 12px;
    color: #003366;
    padding: 3px;
    font-weight: bold;
    background-color: rgba(233, 233, 233, 0.5);
    border-color:#B7B774;
    border-width:1px;
    border-style:solid;    
}

/*.handlecss
{
width:16px;
height:16px;
background-image:url(/Images/resize.png);
}
.resizablecss
{
padding:0px;
border-style:solid;
border-width:2px;
border-color:Green;
cursor: se-resize;
}*/