/*@charset "UTF-8";*/
/* CSS Document */

/* Box to show main content */
#centerbox600
{
    clear: both;
    margin: 0 0 0 0;
    background-color: #FFFFFF;
    width: 600px;
}
/* form the top of the center box */
#centerbox600 #centerbox600_top 
{
    clear: both;
    height: 25px;
    background: url(images/centertop.gif) repeat-y top left;
}
/* form the mid of the center box */
#centerbox600 #centerbox600_mid 
{
	display: block;
    clear: both;
    background: url(images/centermid.gif) repeat-y 0 0; /* extent the mid part in the y-direction */
    text-align: left;
}
/* form the sep line */
#centerbox600 #centerbox600_sep 
{
    clear: both;
    height: 25px;
    background: url(images/centersep.gif) no-repeat 0 0;
}
/* format the title for the top part */
#centerbox600 #centerbox600_top .title, #centerbox600 #centerbox600_sep .title, #centerbox600 #centerbox6003_top .title
{
    /* width: 600px; / * set to width of the centerbox600 */
    color: #303030;
    font-size: 19px;
    font-weight: bold;
    /* text-align: center; / * center based to the width above */
    padding: 10px 0 0 7px;
}
/* form the bottom of the center box */
#centerbox600 #centerbox600_btm 
{
    clear: both;
    height: 25px;
    background: url(images/centerbtm.gif) no-repeat 0 bottom;
}

/* Box to show long main content */
#centerbox
{
    clear: both;
    margin: 0 0 0px 0;
    background-color: #FFFFFF;
    width: 754px;
}
/* form the top of the center box */
#centerbox #centerbox_top 
{
    clear: both;
    height: 25px;
    background: url(images/longtop.gif) no-repeat 0 0;
}
/* form the mid of the center box */
#centerbox #centerbox_mid 
{
    clear: both;
    background: url(images/longmid.gif) repeat-y 0 0; /* extent the mid part in the y-direction */
}

/* format the title for the top part */
#centerbox #centerbox_top .title
{
    width: 754px; /* set to width of the centerbox600 */
    color: #303030;
    font-size: 19px;
    font-weight: bold;
    text-align: center; /* center based to the width above */
    padding: 10px 0 0 0;
    /*line-height: 2em;*/
}
/* form the sep line */
#centerbox #centerbox_sep 
{
    clear: both;
    height: 25px;
    background: url(images/longsep.gif) no-repeat 0 0;
}
/* form the bottom of the center box */
#centerbox #centerbox_btm 
{
    clear: both;
    height: 25px;
    background: url(images/longbtm.gif) no-repeat 0 bottom;
}

/* Color buttons */
#bluebutton
{
    clear: both;
    width: 90px;
    height: 25px;
    background: url(images/blue_button.jpg) no-repeat top left;
}
#grnbutton
{
    clear: both;
    width: 90px;
    height: 25px;
    background: url(images/grn_button.gif) no-repeat top left;
}
#redbutton
{
    clear: both;
    width: 90px;
    height: 25px;
    background: url(images/red_button.gif) no-repeat top left;
}

#bluebutton a, #grnbutton a, #redbutton a
{
    /*width: 90px;*/
    /*height: 25px;*/
    /*font-size: 12px;*/
    color: #FFFFFF;
    text-align: center;
    padding: 5px 0 0 0;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
#bluebutton a:hover, #grnbutton a:hover, #redbutton a:hover
{
    color: #d0d0d0;
}

#redbtnsm
{
    width: 60px;
    height: 25px;
    background: url(images/redbtnsm.gif) no-repeat top left;
}
#redbtnsm a
{
    color: #FFFFFF;
    width: 50px;
    text-align: center;
    padding: 5px 0px 0 0;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
#redbtnsm a:hover
{
    color: #c0c0c0;
}

/* Big download buttons used in download.htm */
#dlbutton_big
{
    display: block;
    margin: 0 0 0 0;
    width: 180px;
    height: 40px;
    background: url(images/dldemo.gif) no-repeat top left;
}
#dlbutton_big a
{
    display: block;
    color: #064ff9;
    width: 135px;
    height: 29px;
	padding: 11px 0 0px 45px;
    text-decoration: none;
    font-weight: bold;
	font-size: 13px;
}
#dlbutton_big a:hover
{
    color: #d74900;
}


/* format/position elements for the left navigation bar */
#navbox
{
    margin: 0;
	padding: 10px 0 0 10px;
}
ul#navtab 
{
    margin: 0 0 0 0;                /* position the element relatively to the containting box */
    padding: 0 0 0 0;                /* position the elements inside this box.  Also increase the size of the box */
}
li#mainentry
{
    list-style-type: none;
    background: url(images/main_grey.gif) no-repeat top left;
    line-height: 2.8em;
    color: #000000;
    width: 166px;
    height: 35px;
    text-indent: 5px;
    display: block;
}
li#subentry
{
    list-style-type: none;
    background: url(images/sub_blue_blank.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentrybuy
{
    list-style-type: none;
    background: url(images/sub_blue_buy.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentrydl
{
    list-style-type: none;
    background: url(images/sub_blue_dl.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentrynext
{
    list-style-type: none;
    background: url(images/sub_blue.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentry a, li#subentrybuy a, li#subentrydl a, li#subentrynext a 
{
    color: #303030;
    text-decoration: none;
    width: 166px;
    height: 24px;
    display: block;
    font-weight: bold;
/*font-family: Arial;*/
}
li#subentry a:hover, li#subentrybuy a:hover, li#subentrydl a:hover, li#subentrynext a:hover
{
    color: #d74900;
    text-decoration: none;
}

/* format an Unordered list with org dots */
ul#orgbox
{
    padding: 0 0 0 8px;
    margin: 0 0 0 8px;
}

ul#orgbox li
{
    padding: 2px 0;
    margin: 0 0 0 5px;
    list-style: url(images/orgdot.gif);
}


/* use small fonts for footer */
.footer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.footer a:active {color: #202020; text-decoration: none; font-size: 10px}
.footer a:link {color: #202020; text-decoration: none; font-size: 10px}
.footer a:visited {color: #202020; text-decoration: none; font-size: 10px}
.footer a:hover {color: #202020; text-decoration: none; font-size: 10px}

/* Floating layer */
#float_btm
{
    width: 100%;
    position: fixed;
    top: 150px;
    background: transparent;
}

/* Round corner box.  Variable size and color */
td#topleft
{
    width: 5px;
    height: 5px;
    background: url(images/topleft.gif) no-repeat 0 0;
}
td#topright
{
    width: 5px;
    height: 5px;
    background: url(images/topright.gif) no-repeat 0 0;
}
td#topmid
{
    height: 5px;
    background: url(images/topmid.gif) repeat-x 0 0;
}
td#midleft
{
    width: 5px;
    background: url(images/midleft.gif) repeat-y 0 0;
}
td#midright
{
    width: 5px;
    background: url(images/midright.gif) repeat-y 0 0;
}
td#midmid
{
    background: url(images/midmid.gif) repeat-y 0 0;
    text-align: left;
}
td#btmleft
{
    width: 5px;
    height: 5px;
    background: url(images/btmleft.gif) no-repeat 0 0;
}
td#btmright
{
    width: 5px;
    height: 5px;
    background: url(images/btmright.gif) no-repeat 0 0;
}
td#btmmid
{
    height: 5px;
    background: url(images/btmmid.gif) repeat-x 0 0;
}
/* Gradient green box top */
td#midleftgrn
{
    width: 5px;
    height: 40px;
    background: url(images/midleftgrn.gif) no-repeat 0 0;
}
td#midrightgrn
{
    width: 5px;
    height: 40px;
    background: url(images/midrightgrn.gif) no-repeat 0 0;
}
td#midmidgrn
{
    height: 40px;
    background: url(images/midmidgrn.gif) repeat-x 0 0;
    text-align: left;
}

/* Table with blue border (download.htm) */
td#blueborder
{
  border-collapse: collapse;
  padding: 5px;
  empty-cells:hide;
  white-space:nowrap;
  border: 1px solid #abc7ff;
}

/*Table with white border and blue cells*/
.tdwhiteborders
{
    padding: 10px;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}


/* format an Unordered list with download icon as the bullet */
ul#dlbullet
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
ul#dlbullet li
{
    list-style-type: none;
    background: url(images/dlbullet.gif) no-repeat top left;
    color: #000000;
    height: 20px;
    text-indent: 20px;
    display: block;
}
ul#dlbullet li a
{
    padding: 2px 0 0 0;
    text-decoration: none;
    display: block;
}


/* Carry over from qt_main.css */
.boxhead 
{
    height: 30px;
    background: url(images/boxhead_bg.gif) center center repeat-x;
    text-indent: 10px;
    margin: 0;
    padding: 0;
    font-weight:bold;
}

.boxbody 
{
  text-indent: 10px;
  border: 1px solid #abc7ff;
}