@font-face{font-family:'Open Sans'; src: url('../../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/OpenSans-Regular.ttf');}
@font-face{font-family:'Open Sans Light'; src: url('../../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../../fonts/OpenSans-Light.ttf');}

/* Css Reset */

body { background: #FFF; padding:0; margin:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:13px/1.231 'Open Sans', sans-serif; *font-size:small;
}
p { margin-bottom:12px; }
select, input, textarea, button { font:99% 'Open Sans', sans-serif; }
pre, code, kbd, samp { font-family: 'Open Sans', sans-serif; }
html { }
a:hover, a:active { outline: none; }
ul, ol { list-style-type: none; }
ol { list-style-type: decimal; }
header ul, header li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 85%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding:5px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: top; margin-right: 3px; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
background-color: #f0dddd;
}

::-moz-selection {
background: #e0e2d8;
color:#4d5146;
text-shadow: none;
}
::selection {
background:#e0e2d8;
color:#4d5146;
text-shadow: none;
}
a:link { -webkit-tap-highlight-color: #e0e2d8; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #000000; }
a:hover { color: #036; }


/* CSS Reset ends */
.ui-widget-overlay{ overflow:hidden; padding:0; margin:0}

    
#dlgEmbedWidget { background:#ffffff; display:none}

#dlgEmbedWidget .overlayBody{ padding:0}
#dlgEmbedWidget h2.title{ 

    color: #39beea;
    font: 21px/30px 'Open Sans', sans-serif;
    padding: 0 1px; float:left; width:80%
}

#closeBtn{ float:right}
.clrBoth{ clear:both; height:1px; line-height:1px; font-size:1px}

.reportName{ float:left;}

.customOptions{ border:1px solid #ccc; width:100%;margin-top:5px; height:100px; display:table;background:url("../images/search-cont-bg.gif") repeat-x  left bottom transparent}
.customOptions .options{ float:left; border-right:1px solid #ccc; padding:5px 8px;position:relative; height:120px }
.customOptions .options:hover{ background:'#dfdfd';}
.customOptions .options h3{ font-size:11px; margin-bottom:4px} 

.customOptions .options .ui-button-text-only .ui-button-text {
    padding: 2px 3px!important
}

.secondaryOptions{}
.customOptions .options .optionLabel{ float:left; font-size:11px; font-weight:bold; margin-top:2px }
.elements{ float:left; margin-right:10px }
.mT5{ margin-top:5px}






.customOptions .customizeProperties{ float:left;padding:5px 8px; height:34px; position:relative; min-width:240px; display:none}
.customOptions .customizeProperties .optionLabel{ float:left; font-size:11px; font-weight:bold; color:#333; margin-top:2px }
 ul.tabList li{ background:url("../images/glassBg.png") repeat-x scroll 50% 50% #FFFFFF; display:inline-block;padding:3px; margin:0; float:left; border:1px solid #ccc}
 ul.tabList li.active{ border-top:2px solid #850000!important; background:url("../images/grad.gif") repeat-x top #FFFFFF;}
ul.tabList li a{height:20px;display:block}

 ul.tabList li a{padding-left: 16px;
    padding-right: 6px;
    padding-top: 4px; text-decoration:none; font-size:11px}
 ul.tabList li.fonts a{  background: url("../images/fontIcon.png") no-repeat scroll -1% 10% transparent;
    
} 
 ul.tabList li.borders a{  background: url("../images/icon.png") no-repeat scroll -1% 10% transparent;
    
} 
ul.tabList li.backgrounds a{  background: url("../images/icon.png") no-repeat scroll -1% 10% transparent;
    
} 
.customOptions .customizeProperties #lblCustomizeProp{ width:66px!important}
.customOptions select{ font-size:11px; margin-top:7px}

 ul.tabList li a span{ background:url("../images/arrows.png") no-repeat scroll 95% 124%; padding:2px 16px 2px 10px; display:inline-block; width:20px}
 ul.tabList li.active a span{ background:url("../images/arrows.png") no-repeat scroll 95% -41%; padding:2px 16px 2px 10px; display:inline-block}

.saveChanges{ float:left; padding:5px 10px; position:absolute; top:315px; z-index:3500; display:none; border-top:1px solid #ccc}

.optionsTabs{}
.optionsTabContent{ display:none; position:absolute; height:310px; width:216px; border:1px solid #ccc; border-top:0!important; top:32px; left:0px; z-index:3000; padding:10px 5px;background:url("../images/grad.gif") repeat-x bottom #FFFFFF;}
 ul.tabList li.active{ border-bottom:0!important}

.optionsTabs .optionsTabContent label{ display:block; float:left; width:80px; margin-right:5px; font-weight:bold; font-size:11px}
.optionsTabs .optionsTabContent .controls{ float:left; width:131px }

.selectFontType{ width:80px; margin-top:0!important; height:20px}
.selectfontSize{ width:40px; margin-top:0!important; height:20px}
.optionsTabs .optionsTabContent .elements{ margin-right:5px}
.optionsTabs .optionsTabContent  .colorPicker{ width:20px; height:20px; float:left; background:#ccc; display:inline-block}

ul.boldItalic{display:inline; margin-right:5px; float:left}
ul.boldItalic li{ border:1px solid #ccc; width:15px; height:18px; line-height:18px; display:inline-block; float:left; list-style:none; background:#dfdfdf; padding-left:8px; font-size:14px; cursor:pointer }

ul.boldItalic li.active{background: white;
color: #39beea!important;
cursor: default;
border: 1px solid #AAA;
background: white url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal; }

.targets{ float:left; width:100%; margin-bottom:5px}


.selThemes ul li label{ font-size:12px; text-align:center}

.secondaryRow{ position:relative}
.overlap{ width:100%; background:#ccc;}


.optionsTabs{ position:relative; float:left}


.txtBox{ border:1px solid #ccc; padding:3px; height:13px; line-height:16px; font-size:11px; width:121px }

#tableAttributes label, .options label{ width:80px; font-weight:bold; font-size:11px; float:left; display:inline-block; margin-top:7px; color:#555}

#selBaseTheme .optionLabel{ width:50px!important}


#tableAttributes{  border-top: 1px solid #CCCCCC;
    margin-top: 7px;
    padding-top: 1px;}
    
#tableAttributes select{ width:130px}

#selTemplateDpDwn{ width:130px}

.icon-info {
    background-position: -501px -729px !important;
    width: 18px;
    height: 18px;
    cursor:pointer;
}
.sprite {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background:url("../../images/sprite.png") no-repeat;
}


#lblCustomizetheme{ width:70px!important}
.attributes{ display:inline-block; width:98%; float:left; line-height:16px; font-size:11px; margin-bottom:5px}
.txtDimension{ width:40px; height:14px; line-height:14px; color:#555; font-size:11px; border:1px solid #d9dccf; padding:3px}
#sizeOptions .attributes{ margin-bottom:2px}

.chkBoxLabel{ font-weight:normal; float:left; font-size:11px}
.checkBox{ float:left; margin-right:5px}
.txtBox{height:14px; line-height:14px; color:#555; font-size:11px; border:1px solid #d9dccf; padding:3px}

.optionsTabs ul li.display span{ display:inline-block; float:left}
.optionsTabs ul li.display{ width:130px}

#dispOptionsTabCont .tabList li.display{}
#dispOptionsTabCont .tabList li.display a{ padding-left:0!important}
#dispOptionsTabCont .tabList li.display span{background-position: 97% 111% }
#displayOptionsTab{}

#displayOptionsTab .chkBoxLabel{ width:110px; font-weight:normal!important; margin:0 0 0 0}
#displayOptionsTab .checkBox{ margin:0 10px 0 8px}
#displayOptionsTab .attributes{ margin-bottom:5px; float:left;}

#themeOptions .radioLabel{ float:left; margin:0; font-weight:normal; width:150px; display:inline-block}
 .radioBtn{ float:left; margin-right:10px}
 
 #borderWidth,#borderStyle{ margin:5px 0 0 5px}

#widgetCanvas{  width:100%; display:table; *width:98%;width:500px; height:425px}

#widget{margin:0 auto;border:0px solid #d9dccf; border:0px solid #d9dccf
         }


.jPicker .Icon { width:20px!important; height:20px!important}



#widgetOptions{ display:inline-block; width:100%; height:35px; padding-top:5px }

.sampleChart{ width:100%; height:85%; background:url("../images/sampleChart.png") repeat-x top left; background-size:100% 100%; margin:auto}

#presetSizeList li{ float:left; padding:5px; font-size:11px; border:1px solid #D9DCCF; text-align:center; cursor:pointer;
                    
                   
background: #E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555;
}

#presetSizeList li:first-child{ border-right:0}
#presetSizeList li:last-child{ border-left:0}
#presetSizeList li.active{ background:#ffffff; color:#39beea!important;  cursor:default;border: 1px solid #AAA;
background: white url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;}

#presetSizeList{ display:inline-block }
#sizeOptions label,#canvasOptions label{ width:90px}

.lblCusDimesion{ width:50px; font-weight:normal}
#sizeOptions .radioBtn{ margin:7px 5px 0 0; }

.customDimLabel{ float:left; font-weight:normal!important; width:60px!important}
.txtDimension{ float:left}
#heightLabel{ margin-left:80px}

.options h3{ margin:3px 0 4px 0}

.secondary{ margin-left:30px!important}

.linkIcon{ width:16px; height:16px; text-align:center; background:#ffffff; display:inline-block; float:left;}


#embedLinks{ width:45%; float:right; margin:6px; z-index: 200;}
#embedLinkList{ float:right; }
#embedLinkList li a{ float:left; margin:0 5px; padding:3px; width:100%; height:100%; display:inline-block }
#embedLinkList li{ float:left;  position:relative;font-family:'Open Sans',sans-serif}

#embedLinkList  .linkIcon{background:url("../images/themeIconSprite.gif") no-repeat;}
#embedLinkList .darkGrey #shareLink .linkIcon{ background-position:-3px -7px }
#embedLinkList .darkGrey #printLink .linkIcon{ background-position:-54px -7px}
#embedLinkList .darkGrey #downloadLink .linkIcon{background-position:-21px -7px}
#embedLinkList .darkGrey #exportLink .linkIcon{background-position:-38px -7px}
#embedLinkList .darkGrey #infoLink .linkIcon{ background-position:-73px -7px}
#embedLinkList .darkGrey #fullScreen .linkIcon{ background-position:-6px -183px}

#embedLinkList .redTheme #shareLink .linkIcon{ background-position:-3px -28px }
#embedLinkList .redTheme #printLink .linkIcon{ background-position:-54px -28px}
#embedLinkList .redTheme #downloadLink .linkIcon{background-position:-21px -28px}
#embedLinkList .redTheme #exportLink .linkIcon{background-position:-38px -28px}
#embedLinkList .redTheme #infoLink .linkIcon{ background-position:-73px -28px}
#embedLinkList .redTheme #fullScreen .linkIcon{ background-position:-24px -183px}

#embedLinkList .blueTheme #shareLink .linkIcon{ background-position:-3px -47px }
#embedLinkList .blueTheme #printLink .linkIcon{ background-position:-54px -47px}
#embedLinkList .blueTheme #downloadLink .linkIcon{background-position:-21px -47px}
#embedLinkList .blueTheme #exportLink .linkIcon{background-position:-38px -47px}
#embedLinkList .blueTheme #infoLink .linkIcon{ background-position:-73px -47px}
#embedLinkList .blueTheme #fullScreen .linkIcon{ background-position:-43px -183px}

#embedLinkList .lightYellow #shareLink .linkIcon{ background-position:-3px -68px }
#embedLinkList .lightYellow #printLink .linkIcon{ background-position:-54px -68px}
#embedLinkList .lightYellow #downloadLink .linkIcon{background-position:-21px -68px}
#embedLinkList .lightYellow #exportLink .linkIcon{background-position:-38px -68px}
#embedLinkList .lightYellow #infoLink .linkIcon{ background-position:-73px -68px}

#embedLinkList .lightBlue #shareLink .linkIcon{ background-position:-4px -88px }
#embedLinkList .lightBlue #printLink .linkIcon{ background-position:-55px -88px}
#embedLinkList .lightBlue #downloadLink .linkIcon{background-position:-22px -88px}
#embedLinkList .lightBlue #exportLink .linkIcon{background-position:-39px -88px}
#embedLinkList .lightBlue #infoLink .linkIcon{ background-position:-74px -88px}

#embedLinkList .lightGreen #shareLink .linkIcon{ background-position:-5px -107px }
#embedLinkList .lightGreen #printLink .linkIcon{ background-position:-56px -107px}
#embedLinkList .lightGreen #downloadLink .linkIcon{background-position:-23px -107px}
#embedLinkList .lightGreen #exportLink .linkIcon{background-position:-40px -107px}
#embedLinkList .lightGreen #infoLink .linkIcon{ background-position:-75px -107px}

#embedLinkList .mustard #shareLink .linkIcon{ background-position:-5px -126px }
#embedLinkList .mustard #printLink .linkIcon{ background-position:-56px -126px}
#embedLinkList .mustard #downloadLink .linkIcon{background-position:-23px -126px}
#embedLinkList .mustard #exportLink .linkIcon{background-position:-40px -126px}
#embedLinkList .mustard #infoLink .linkIcon{ background-position:-75px -126px}

.availableThemeList{ float:left; margin-left:10px;}
.availableThemeList  li{ padding:2px; width:16px; height:16px;  display:inline-block; float:left}
.availableThemeList  li a{ width:16px; height:16px; display:inline-block}
.availableThemeList  li.active{ color:#39beea;border:1px solid #666;}
.availableThemeList #darkGrey a{ background:#7b7d73}
.availableThemeList #redTheme a { background:#a01d1d}
.availableThemeList #blueTheme a{background:#245fe4}
.availableThemeList #lightYellow a{background:#e4bf24}
.availableThemeList #lightBlue a{background:#24c7e4}
.availableThemeList #lightGreen a{background:#b1e424}
.availableThemeList #mustard a{background:#e4a924}
#availableThemes{ display:none}


.btn-link {
background: url("../images/btn-bg-sprite.png") repeat-x scroll 0 -76px #7C7E73;
border: 1px solid #333;
border-radius: 3px 3px 3px 3px;
color: white!important;
float: left;
font-size: 11px;
font-weight: normal;
margin: 2px 6px 3px 0;
padding: 3px 10px;
text-decoration: none;
margin-left:10px; margin-top:10px
}


#ui-dialog-title-dlgEmbedWidget{
color: #39beea;
font: 18px 'Open Sans', sans-serif;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .1em 0;
}

#expandCollapseLnk{ float:right}
#optionsLinks{ background:url("../images/arrows.png") no-repeat scroll 97% 89% transparent; padding-right:15px; text-decoration:none; font-size:11px}
 
 
 
 
 .box{ }
 
 #widgetCanvas{ margin:0 auto}
 #embedOptions{ padding:0px; overflow-x:hidden; overflow-y:hidden; width:100%; display:inline-block;position:relative}
 
 .accordionHeader{ width:94%; cursor:pointer; display:inline-block; font-size:11px; font-weight:bold!important; border-top:1px solid #D9DCCF!important; padding:5px 10px; background-color:#ffffff!important; background-image:none!important; border-width:1px 0 0 0!important; height:24px}
 .accordionHeader.first{ border-top:0}
  .accordionHeader.last,.accordionContent.last{ border-bottom:1px solid #D9DCCF}
 .accordionContent{ display:none; padding:10px; margin-bottom:10px; width:93%; float:left; padding-right:0;  }
  .accordionContent .attributes{ }
 
 .accordionHeader .collapsed{ /*background-position:-32px -13px;background-image:url(images/ui-icons_888888_256x240.png);*/ }
 
 .accordionHeader .expanded{ /*color:#850000; background-position:-64px -13px;background-image:url(images/ui-icons_cd0a0a_256x240.png);*/}
  .accordionHeader.expanded{ color:#39beea}
 
 .accordionHeader .arrow{  width:16px; height:16px; display:inline-block; }
#widget{ margin-bottom:0px;position:relative; text-align:left}
#fullScreen{ width:24px; height:22px; background:url(../images/fullscreen.png) no-repeat; float:right; margin:5px 5px 5px 0; outline:none; position:absolute; z-index:99; right:5px; top:25px; display:none}
/*
#widget:hover #fullScreen{ display:block}*/
#fullScreen{ background-position:0 4px}
#exitFullScreen{ background-position:0 -20px}


#exitFullScreen{display:none; float:right; cursor:pointer; color:#39beea; margin:10px 10px auto auto}

#titleBoxWrapper{ display:none; margin-top:10px}
#lblTitle{ float:left; width:60px!important}

#txtTitle{ float:left; width:150px; margin-top:-2px;border:1px solid #D9DCCF; height:14px; line-height:14px; padding:3px}

#widgetTitle{ font-size:14px; font-weight:bold; margin:0px auto 10px 2px;color:#444444; display:table; text-align:left; width: 100%}
#widgetDesc{font-size:11px;margin:0 auto 10px 2px; display:table; text-align:left; width: 100%}

#lblDesc{ width:60px!important; float:left}

#txtDesc{ width:150px!important; border:1px solid #D9DCCF;height:14px; line-height:14px; padding:3px; height:45px}

.selBoxTypography{ width:50px!important; float:left; margin-right:5px}





.embedLinkDesc{padding:5px; width:294px; height:150px;position:absolute; z-index:1200; background:#7B7D73;top:20px; padding-top:10px;display:none;}

.embedLinkDesc{ background:url("../images/darkGreyArrow.png") no-repeat; }

.embedLinkDesc.darkGrey  { background-position: 96% 2%}
.embedLinkDesc.redTheme  { background-position: 96% 42%}
.embedLinkDesc.blueTheme  { background-position: 96% 81%}
.embedLinkDesc .content{ min-height:90px; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); display:inline-block; padding-bottom:10px }
/*#shareLinkDesc{ right:93px; display:none }
#downloadLinkDesc{ right:63px; display:none }
#infoLinkDesc{ right:0px;display:none }*/
.embedLinkDesc{ right:-7px; display:none} 
#infoLinkDesc .content{height:120px!important}
.shareLinks li{ float:left; margin-right:10px}

.shareLinks li a{ font-size:11px; color:#39beea}

dd,dt{ font-size:11px ;margin-bottom:3px}
dt{ font-weight:bold; margin-right:5px;float:left;}

#ui-dialog-title-dlgEmbedWidget{ padding:0!important}
.ui-content{ overflow:hidden!important; padding:0!important; margin:0!important}
.ui-dialog{ padding:0!important}

select{ height:20px; line-height:20px; border:1px solid #d9dccf; }

.embedLinkDesc h4{ height:25px; line-height:25px; width:284PX;  font-size:11px; padding-left:10PX; float:left; color:#ffffff}
.embedLinkDesc p,.embedLinkDesc dl{ padding:10px 10px 0 10px; clear:both}
.embedLinkDesc ul{ padding:0px 10px 0 10px}

.embedLinkDesc.redTheme h4{background:#fff0f0;}
.embedLinkDesc.redTheme h4{background:#fff0f0;}

.embedLinkDesc.darkGrey h4{  background-color: #7b7d73;
  /*background-image: -moz-linear-gradient(top, #7b7d73, #3b3d37);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7b7d73), to(#3b3d37));
  background-image: -webkit-linear-gradient(top, #7b7d73, #3b3d37);
  background-image: -o-linear-gradient(top, #7b7d73, #3b3d37);
  background-image: linear-gradient(to bottom, #7b7d73, #3b3d37);
  background-repeat: repeat-x;
  ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b7d73', endColorstr='#ff3b3d37', GradientType=0);*/
  color:#ffffff;border-color: #280101}


.embedLinkDesc.darkGrey .content
{ background-color: #fdfdfc;
  /*
  background-image: -moz-linear-gradient(top, #fdfdfc, #f1f2ed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfc), to(#f1f2ed));
  background-image: -webkit-linear-gradient(top, #fdfdfc, #f1f2ed);
  background-image: -o-linear-gradient(top, #fdfdfc, #f1f2ed);
  background-image: linear-gradient(to bottom, #fdfdfc, #f1f2ed);
  background-repeat: repeat-x;
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfc', endColorstr='#f1f2ed', GradientType=0);*/
}
 
.embedLinkDesc.redTheme h4{  background-color: #9a1222;
 /* background-image: -moz-linear-gradient(top, #9a1222, #6d0310);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9a1222), to(#6d0310));
  background-image: -webkit-linear-gradient(top, #9a1222, #6d0310);
  background-image: -o-linear-gradient(top, #9a1222, #6d0310);
  background-image: linear-gradient(to bottom, #9a1222, #6d0310);
  background-repeat: repeat-x;
  ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a1222', endColorstr='#6d0310', GradientType=0);*/
  color:#ffffff;border-color: #6d0310}


.embedLinkDesc.redTheme .content
{ background-color: #fdfdfc;border-color:#9a1222
  /*background-image: -moz-linear-gradient(top, #fdfdfc, #f1f2ed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfc), to(#f1f2ed));
  background-image: -webkit-linear-gradient(top, #fdfdfc, #f1f2ed);
  background-image: -o-linear-gradient(top, #fdfdfc, #f1f2ed);
  background-image: linear-gradient(to bottom, #fdfdfc, #f1f2ed);
  background-repeat: repeat-x;
  border-color:#9a1222;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfc', endColorstr='#f1f2ed', GradientType=0);*/
}
 
 .embedLinkDesc.blueTheme h4{  background-color: #16518b;border-color: #16518b;/*
  background-image: -moz-linear-gradient(top, #16518b, #02386d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#16518b), to(#02386d));
  background-image: -webkit-linear-gradient(top, #16518b, #02386d);
  background-image: -o-linear-gradient(top, #16518b, #02386d);
  background-image: linear-gradient(to bottom, #16518b, #02386d);
  background-repeat: repeat-x;
  border-color: #16518b;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16518b', endColorstr='#02386d', GradientType=0);*/
  color:#ffffff}


.embedLinkDesc.blueTheme .content
{ background-color: #fdfdfc;border-color:#16518b/*
  background-image: -moz-linear-gradient(top, #fdfdfc, #eff5fb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfc), to(#eff5fb));
  background-image: -webkit-linear-gradient(top, #fdfdfc, #eff5fb);
  background-image: -o-linear-gradient(top, #fdfdfc, #eff5fb);
  background-image: linear-gradient(to bottom, #fdfdfc, #eff5fb);
  background-repeat: repeat-x;
  border-color:#16518b;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfc', endColorstr='#eff5fb', GradientType=0);*/
}
 
 

 

.closeToolTip{  background-image: url("images/ui-icons_ffffff_256x240.png");   background-position: -96px -128px; width:16px; height:16px; float:right; margin:3px 4px 0 0; cursor:pointer; *margin-top:-20px}



ul.txtAlign{margin:5px 0 7px 0; display:inline-block; float:left}
ul.txtAlign li{ font-size:11px!important;border:1px solid #ccc; width:45px; height:26; line-height:26px; display:inline-block; float:left; list-style:none; background:url("images/ui-bg_glass_75_e6e6e6_1x400.png"); text-align:center; cursor:pointer }

ul.txtAlign li.active{background: white;
color: #39beea!important;
cursor: default;
border: 1px solid #AAA;
background: white url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
 }

#fullScreenView{ width:100%; height:100%; background-color:#ffffff;position:absolute; top:0; left:0;z-index:3000;display:none; text-align:center!important; overflow:auto}

#canvasWrapper{ display:table; text-align:center;overflow:auto!important;padding-top: 20px;}

#REPORT_PREVIEW_cmbWidgetPage_1{ float:left; width:200px}

.ui-layout-east h2.embedOptions {
/*background: url("../images/sprite-horizontal.png") repeat scroll right -127px transparent;*/
background-color: #397aac;
color: white;
font-size: 11px;
padding: 7px 8px;
text-transform: uppercase;
}

.ui-dialog{ padding:0!important}


.txtAlign .left{}

#fullScreenView .sampleChart{ margin:auto}

.chosen-container{ margin:0px 0 0 2px}

#embedCode{ width:100%; height:120px; margin:10px auto 10px 10px; width:90%; border:1px solid #d9dccf }
#REPORT_PREVIEW_lblFooter{padding-left: 2px;}
#REPORT_PREVIEW_sReportSource{padding-left: 2px;}
#REPORT_PREVIEW_bDisclaimer{padding-left: 2px;}
#embedLinks {
    float: right;
    margin: 2px 6px 6px 6px;
    position: relative;
    width: 130px;
    z-index:1000;
}
.chosen-container{ min-width: 140px; }
#widgetOptions
{
    top: 2px;
    height: 0px;
}
#lblExternalAccess
{
    padding-left: 20px;
    font-size: 11px;
}
#divExternalLang
{
    font-weight: bold;
    font-size: 11px;
    float: left;
    display: inline-block;
    margin-top: 7px;
    color: #555;
    cursor: pointer;
    padding-left: 20px;
    padding-top: 0px;
}
#selExternalLang
{
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    margin: 0px 0 0 5px;
}
#divExternalText, #divApplyAlert
{
    padding-left: 10px;
    padding-right: 20px;
    font-size: 9px;
}
.teritary
{
    margin-left: 55px!important;
}
#embedOptions h4{
    padding:0px;
    font-family:"Open Sans", sans-serif;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    padding:5px;
    line-height:20px;
    text-transform:capitalize;
}
#embedOptions label{    
    font-family:"Open Sans", sans-serif;
    font-size:13px;
    font-weight:normal;
    margin-bottom:5px;
    display:inline-block;
    box-sizing:border-box;
    color:#444;
    font-style:normal;
    line-height:1.4285;  
    margin-top:0px;
    width:30%!important;
}
#embedOptions input{    
    height:20px;
    line-height:16px;    
    font-size:13px;
    padding:0 5px;
    color:#555;
    border:1px solid #ccc;
    background-color:#fff;
    vertical-align:middle;
    width:40%;
    font-family:inherit;      
}

#canvasOptions select{
    margin:0px;
    font-family:"Open Sans", sans-serif;
}

#widgetTitleFont{
    font-family:"Open Sans", sans-serif;
}
#widgetTitleFont label{
    width:auto;
    padding-right:10px!important;
}
#presetSizeList li{
    color:black;
    background:none;
    background-color:white;
}
#presetSizeList li.active{
    color:#fff;
    background:#27cce7;
    color:white!important;
}
#displayOptionsTab input{
    height:auto;
    width:auto;
}
#widgetButtons a{
    background-color:#397aac!important;
    background:none;
    color:#fff!important;
    border-color:#397aac;
    margin-right:10px;
    font-weight:600;
    font-size:12px;
    min-width:60px;
    text-align:center!important;
}
.ui-state-active .ui-icon{
    background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-layout-toggler-hover, .ui-layout-toggler{
        background-color: #397aac!important;
}

.esriSimpleSliderHomeButton {
    display: none;
}

#map {
    left: inherit !important;
    top: inherit !important;
}

#legend {
    z-index: 100;
    background-color: white;
    max-width: 170px;
}

.esriLegendService {
    padding: 5px;
}

.dijitTooltipContainer {
    font-weight: normal;
    color: black;
    font-size: small;
}
.esriLegendLayerLabel {
    margin-top: 0px;
}
.esriLegendLayer {
    margin-top: 2px;
}
.esriLegendLayer td table {
    margin-top: 5px;
}
.dijitTooltipContainer {
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    background: #fff !important;
    background: rgba(255,255,255,0.9) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF, endColorstr=#E5FFFFFF) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF, endColorstr=#E5FFFFFF)" !important;
    zoom: 1 !important;
    border: 0 !important;
    padding: 10px !important;
}