@charset "UTF-8";
/* CSS Document */
body 
{
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#header{
    background:url(../images/bg_header.png?version=1) no-repeat;
    width:991px;
    height:74px;
    position:relative;
}
#logo{
    padding-left:20px;
}
#linkstop{
    position:absolute;
    top:17px;
    right:30px;
}
#linkstop a:hover,
#linkstop a:visited,
#linkstop a:active,
#linkstop a{
    color: #FFFFFF;
    font-weight: bold;
}
#slogan{
    position:absolute;
    top:20px;
    left:210px;
    font-size: 12px;
    font-weight: bold;
    font-style:italic;
    color: #FFFFFF;
}
#content{ width:975px;}

#footer{
    background:url(../images/bg_footer.jpg) no-repeat;
    width:923px;
    height:25px;
    position:relative;
    padding:10px 30px;/* bottom*/
}

.panel{
    border:solid 1px #CCCCCC;
}

.titlepanel{
    background-color:#DB3112;
    height:19px;
    padding-left:15px;
    padding-right:15px;
    padding-top:3px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    float:left;
}

.window{
    position:absolute;
    width:355px;
    height:300px;
    z-index:98;  
    visibility: hidden;
    padding:0;
}

.windowdraw{
    /*position:absolute;*/
    display: block;
    visibility: visible;
    z-index:97;
    width:510px; 
    height:310px; 
    overflow:auto;
}

.generatebuttons{

    z-index:99;
}
.buttonon{
    background:url(../images/bg_button.png) #006699 repeat-x;
    min-height:13px;
    max-width:103px;
    border:solid 1px #006699;
    cursor:pointer;
    font-size: 11px;
    font-weight: normal;
    color:#FFFFFF;
    padding:3PX;
}
.buttonoff{
    min-height:19px;
    max-width:109px;
    cursor:pointer;
    font-size: 11px;
    font-weight: normal;
    color:#555;
    padding:3PX;
}

.ins_text
{
    color: #FF3300;
    font-size:16.5px;
}

.text_superscript
{
    color: #FF3300;
    font-size:11px;
}

#download_visifire{
    position:relative;
    top:10px;
    left:620px;
    height:5px;
    width:150px;
    color:#555555;
    font-family:Lucida Grande,Geneva,Arial,Verdana,sans-serif;
    font-size:11px;
    font-weight:normal;
}

#chartdesigner{
    position:relative;
    top:124px;
    left:620px;
    height:5px;
    width:150px;
    color:#555555;
    font-family:Lucida Grande,Geneva,Arial,Verdana,sans-serif;
    font-size:11px;
    font-weight:normal;
}



#newsletter{
    position:relative;
    top:220px;
    left:620px;
    height:5px;
    width:150px;
    color:#555555;
    font-family:Lucida Grande,Geneva,Arial,Verdana,sans-serif;
    font-size:11px;
    font-weight:normal;
}



#tutorial{
    position:relative;
    top:10px;
    left:700px;
    height:5px;
    font-size:10px;
    text-align:justify;
    width: 100px;
}
#priceList
{
    position:relative;
    left:25px;
}

.generatebutton{
    cursor:pointer;
}


.inputbox{
    width:63px;
    z-index:1;
}

.inputboxwide{
    width:120px;
}

.zvalue1{
    visibility:hidden; display:none;
}

.zvalue2{
    visibility:hidden; display:none;
}

.buttonEnabled
{
    color:buttontext;
    cursor:pointer;
}

.buttonDisabled
{
    border:1px outset gray;
    color:graytext;
    cursor:text
}

#customchartstext
{
    font-family:Trebuchet MS;
    font-size:16px;
    color:#FF8922;
    font-weight:bold;
    letter-spacing:0px;
    line-height:18px;

}

#simplemodal-container a.modalCloseImg {
    background:url(/images/x.png) no-repeat; /* adjust url as required */
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
}

<!--[if lt IE 7]>
<style type='text/css'>
#simplemodal-container a.modalCloseImg {
    background:none;
    right:-14px;
    width:22px;
    height:26px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='images/x.png', sizingMethod='scale'
        );
}
</style>
<![endif]-->


.license{
    color:#3B5E79;
    font-size:20px;
}

#dialog_link {		

}

#dialog_link span.ui-icon {
    display:inline-block;
    left:0.2em;
    top:.2em;
    margin:-8px 5px 0 0;
    position:relative;
}

#dialog_link {	
    padding: 3px 5px 3px 2px;
    font-size:15px;
    text-decoration:none;
    display:inline-block;
}

#dialog_link {		
    position:absolute;
    left:160px;
    top:355px;
}

.buynow {
    width:100px;
    right:5px;
    position:relative;
}

.ViewCartH {
    display: none;
}

.ViewCartV {
    display: block;
}

/* This CSS is been used in example page for toggling Windows Phone 7 video*/

h2.trigger {
    padding: 0 0 0 10px;
    margin:10px 0 10px 0px;
    background: url(../images/expand.png) no-repeat;
    float: left;
    height: 16px;
    cursor: pointer;
}
h2.trigger a {
    background: url(../images/new.gif) no-repeat;
    background-position: right;
    text-decoration: none;
    width: 410px;
    margin: 0 0 0 15px;
    font-size: 14px;
    font-weight: normal;
    display: block;
}
h2.trigger a:hover { text-decoration: underline; }
h2.active {background: url(../images/collapse.png) no-repeat;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
    margin: 0 0 5px;
    padding: 0;
    overflow: hidden;
    clear: both;
}
.toggle_container .block {
    padding: 20px; /*--Padding of Container--*/
}